#hsForm
{
  margin: 0 0 0 0;
}

/*** styles formulieren ***/

p
{
   font: normal 11px Verdana, Times new roman, Sans-serif;
   padding: 0;
   margin: 0;
}

#hsForm h1
{
   color: #253788;
   margin: 5px 0 0 32px;
   padding: 0;
   font: normal 14px Verdana, Times new roman, Sans-serif;
}

fieldset
{
   padding: 0 0 20px 0;
 * padding: 20px 0 20px 10px;
   margin: 0 0 0 0;
   border: none;
   border-bottom: 2px solid #e2af3a;
   background: transparent url(/resources/offermans/images/formBg.jpg) repeat-y 0 0;
}

fieldset div
{
   float: left;
 * float: clear;
}

label, fieldset p
{
   font: normal 11px/12px Verdana, Times new roman, Sans-serif;
   margin: 0;
   padding: 5px;
   display: block;
   width: 210px;
   text-align: left;
   float: left;
	color: #253788;
}

input, select, textarea
{
   margin-left: 10px;
   font-size: 11px;
   border: none;
   height: 20px;
   border: 1px solid #a5acb2;
	color: #666666;
}

.hsTextarea
{
	width: 450px;
	height: 100px;
}

input
{
   height: 16px;
}

select
{
   width: 150px;
}

select.hsSelectExtraWidth
{
   width: 215px;
}



      li.hsFaseBut,
      li.hsFaseButActive
      {
         float: left;
			margin-top: 12px;
         list-style-type: none;
         background: none;
      }

ul#hsExtraButtons
{
	display: none;
   position: absolute;
	top: 210px;
	left: 223px;
	margin: 0;
	padding: 0;
	height: 20px;
}

ul#hsExtraButtons li
{
	clear: both;
	display: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}


li#hsSaveButton a
{
   position: relative;
	top: 18px;
	left: 0;
	display: block;
	font-weight: bold;	
}

li#hsUserGetInfoBut a
{
   position: relative;
	left: 0;
	top: 18px;
	display: block;	
	font-weight: bold;
}

li#loggedInName2li p
{
   position: relative;
	top: -18px;
	left: 450px;
	font-weight: bold;
	color: #253788;	
}

.hsUserGetInfoBut#hsUserGetInfoBut a,
.hsActionButtons a
{

}

.hsUserGetInfoBut#hsUserGetInfoBut a:hover,
.hsActionButtons a:hover
{

}

.hsUserGetInfoButActive#hsUserGetInfoBut a
{

}

#loggedInName2li p
{

}


input#hsGetPersonalDataBut
{
   font: bold 11px/11px Verdana, Times new roman, Sans-serif;
   height: 20px;
   padding: 2px;
   cursor: pointer;
	margin-bottom: 10px;
}


/*** form_header/fase styles ***/

ul#hsNav
{
   position: absolute;
   top: 253px;
   left: 0;
   width: 185px;
*  width: 205px;	
   padding: 10px 0 25px 0;
   background: transparent url(/resources/offermans/images/formnavBg.jpg) repeat-y 100% 0;
	margin-right: 0;
}

ul#hsNav li
{
   clear: both;
}


.hsBottomButtons
{
   width: 650px;
   height: 30px;
}

fieldset
{
   width: 650px;
}


/******************************************************************************************************/


#hsSpaceStatusIndicator
{
   float: right;
   width: 100px;
   height: 20px;
   margin: 0;
}

#hsStatusIndicator
{
   background: transparent url(../images/statusIndicator.gif) no-repeat 0 0;
}

#hsStatusIndicator img
{
   visibility: hidden;
}

#hsUserGetInfoDiv
{
   float: left;
}

.hsFase1Div
{
   float: left;
   background: transparent url(../images/dots2.gif) repeat-y 0 0;
}

.hsFase2Div
{
   float: left;
   background: transparent url(../images/dots2.gif) repeat-y 0 0;
}

.hsFase3Div
{
   float: left;
   background: transparent url(../images/dots2.gif) repeat-y 0 0;
}

.hsFase4Div
{
   float: left;
   background: transparent url(../images/dots2.gif) repeat-y 0 0;
}

      .hsFaseBut#hsFase1But a,
      .hsFaseBut#hsFase2But a,
      .hsFaseBut#hsFase3But a,
      .hsFaseBut#hsFase4But a,
      .hsFaseBut#hsFase5But a,
      .hsFaseBut#hsFase6But a
      {
         color: #243786;
         display: block;
         text-align: right;
         width: 130px;			
*        width: 160px;
         text-decoration: none;
         font-weight: bold;
         padding: 14px 35px 0 0;
         border-left: 5px solid #fff;
      }

      .hsFaseBut#hsFase1But a
      {
         background: transparent url(/resources/offermans/images/nav1.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase2But a
      {
         background: transparent url(/resources/offermans/images/nav2.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase3But a
      {
         background: transparent url(/resources/offermans/images/nav3.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase4But a
      {
         background: transparent url(/resources/offermans/images/nav4.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase5But a
      {
         background: transparent url(/resources/offermans/images/nav5.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase6But a
      {
         background: transparent url(/resources/offermans/images/nav6.gif) no-repeat 100% 0;
      }

      .hsFaseButActive#hsFase1But a,
      .hsFaseButActive#hsFase2But a,
      .hsFaseButActive#hsFase3But a,
      .hsFaseButActive#hsFase4But a,
      .hsFaseButActive#hsFase5But a,
      .hsFaseButActive#hsFase6But a
      {
         display: block;
         text-align: right;
         color: #1e3368;
         width: 130px;			
*        width: 160px;
         text-decoration: none;
         font-weight: bold;
         padding: 14px 35px 4px 0;
         border-left: 5px solid #243786;
      }
      .hsFaseButActive#hsFase1But a
      {
         background: #f9f1de url(/resources/offermans/images/nav1_mo.gif) no-repeat 100% 0;
      }
      .hsFaseButActive#hsFase2But a
      {
         background: #f9f1de url(/resources/offermans/images/nav2_mo.gif) no-repeat 100% 0;
      }
      .hsFaseButActive#hsFase3But a
      {
         background: #f9f1de url(/resources/offermans/images/nav3_mo.gif) no-repeat 100% 0;
      }
      .hsFaseButActive#hsFase4But a
      {
         background: #f9f1de url(/resources/offermans/images/nav4_mo.gif) no-repeat 100% 0;
      }
      .hsFaseButActive#hsFase5But a
      {
         background: #f9f1de url(/resources/offermans/images/nav5_mo.gif) no-repeat 100% 0;
      }
      .hsFaseButActive#hsFase6But a
      {
         background: #f9f1de url(/resources/offermans/images/nav6_mo.gif) no-repeat 100% 0;
      }


      .hsFaseBut#hsFase1But a:hover,
      .hsFaseBut#hsFase2But a:hover,
      .hsFaseBut#hsFase3But a:hover,
      .hsFaseBut#hsFase4But a:hover,
      .hsFaseBut#hsFase5But a:hover,
      .hsFaseBut#hsFase6But a:hover
      {
         text-decoration: none;
         color: #606fa5;
         border-left: 5px solid #aeb7d8;
      }
      .hsFaseBut#hsFase1But a:hover
      {
         background: #f9f1de url(/resources/offermans/images/nav1_mo.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase2But a:hover
      {
         background: #f9f1de url(/resources/offermans/images/nav2_mo.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase3But a:hover
      {
         background: #f9f1de url(/resources/offermans/images/nav3_mo.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase4But a:hover
      {
         background: #f9f1de url(/resources/offermans/images/nav4_mo.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase5But a:hover
      {
         background: #f9f1de url(/resources/offermans/images/nav5_mo.gif) no-repeat 100% 0;
      }
      .hsFaseBut#hsFase6But a:hover
      {
         background: #f9f1de url(/resources/offermans/images/nav6_mo.gif) no-repeat 100% 0;
      }

/***  styles ***/

fieldset#hsSet00,
fieldset#hsSet10,
fieldset#hsSet20,
fieldset#hsSet21,
fieldset#hsSet22,
fieldset#hsSet40,
fieldset#hsSet50,
fieldset#hsSet51,
fieldset#hsSet59,
fieldset#hsSet60,
fieldset#hsSet70,
fieldset#hsSet79,
fieldset#hsSet80,
fieldset#hsSet82,
fieldset#hsSet180
{
   margin: 0 0 0 0;
}

fieldset#hsSet00
{
   background: transparent url(/resources/offermans/images/formBg.jpg) repeat-y 0 0;
   padding: 20px 0 0 10px;
   margin: 0 0 0 0;
}

fieldset#hsSet00 label,
fieldset#hsSet00 p
{
   background-color: #fff;
   font: normal 11px/12px Verdana, Times new roman, Sans-serif;
   color: #758b7f;
}

fieldset#hsSet00 p#emptyP
{
   background: transparent url(/resources/offermans/images/formBg.jpg) repeat-y 0 0;
}

fieldset#hsSet30
{
   margin: 0 0 0 0;
   padding: 20px 10px 0 0;
}

fieldset#hsSet21 p,
fieldset#hsSet21 h1
{
   font: bold 7pt/12pt Verdana, Times new roman, Sans-serif;
   float: left;
   width: 117px;
   margin-right: 4px;
}

fieldset#hsSet21 h1
{
   font: bold 8pt/12pt Verdana, Times new roman, Sans-serif;
}

fieldset#hsSet21 h2
{
   font: bold 7pt/12pt Verdana, Times new roman, Sans-serif;
   float: left;
   width: 48px;
   margin: 0 0 0 20px;
   padding: 0;
}

fieldset.hsSet80
{
   margin-left: 10px;
   margin-top: 0;
}

fieldset.hsSet80 h1
{
   margin-left: 5px;
}

fieldset.hsSet81,
fieldset#hsSet81
{
   float: left;
   margin: 5px 0 0 0;
   padding: 0 10px 0 10px;
   background: none;
}

fieldset.hsSet81 p,
fieldset#hsSet81 p
{
   width: 620px;
   height: 20px;
   min-height: 40px;
	line-height: 18px;
}

/*** form_content styles ***/

   .hsLine
   {
      padding: 2px 4px 2px 4px;
      width: 620px;
      margin: 1px 0;
   }

      .hsCheckBox
      {
         border: none;
      }


      .hsRadioP p
      {
         padding-left: 5px;
         display: block;
         height: 40px;
      }

      .hsRadio,
      .radio
      {
         border: none;
      }

      .hsRadioBut label
      {
   background: transparent url(/resources/offermans/images/formBg.jpg) repeat-y 0 0;
      }
		
      #emptyP
      {
         background-color: #fff;
      }

      .hsRadioBut label
      {
         text-align: left;
         width: auto;
         background-color: #fff;
         float: none;
      }

.hsPostcodeExtra p
{
   width: 162px;
   margin: 2px 186px 1px 0;
   float: right;
   background-color: #fff;
   border: 1px solid #a5acb2;
}

.hsBottomButtons
{
   margin: -10px 0 0 0;
   padding: 8px 20px 0 20px;
   height: 25px;
   cursor: pointer;
}

      .hsBottomButtonsRight
      {
         float: right;
         margin-right: 70px;
      }

      .hsBottomButtonsLeft
      {
         float: left;
         margin-left: 5px;
      }

            .hsBottomButtons a
            {
               float: left;
               color: #395242;
               font-weight: bold;
               text-decoration: none;
               margin-top: 25px;
            }

            .hsBottomButtons .hsBottomButtonsLeft a
            {
               background: transparent url(/resources/akkelt/html/images/arrow_u.gif) no-repeat 0 50%;
               padding: 0 0 0 20px;
            }

            .hsBottomButtons .hsBottomButtonsRight a
            {
               background: transparent url(/resources/akkelt/html/images/arrow.gif) no-repeat 100% 50%;
               padding: 0 20px 0 0;
            }

            .hsBottomButtons a:hover
            {
               float: left;
            }

            .hsBottomButtons .hsBottomButtonsRight a:hover
            {
               color: #afbbb4;
            }

/***** hsRightDiv styles ******/

.hsRightDiv
{
   width:200px;
   float: right;
   height: 19px;
   margin: -3px 5px 0 0;
   padding: 0;
}

.hsRightDiv a
{
   display: block;
   float: left;
   margin-left: 10px;
}


.hsRightDiv p
{
   display: block;
   float: right;
   font: normal 9px/15px Verdana, Arial, Sans-serif;
   width: 80px;
   height: 18px;
   margin: 4px 0 1px 0;
   padding: 0 1px 1px 2px;
   background-color: #efeff7;
   color: #434242;
}

span.hsESign
{
   float: left;
}

span.hsEMon
{
   margin-top: 1px;
   float: right;
}

#hsForm .hsErrorBg p
{
   color: red;
   margin-left: 4px;
 * margin-left: 2px;
   margin-top: 2px;
	background-color: #fff;
}

.hsFase5Div .hsErrorBg p
{
   color: red;
   margin-left: 2px;
 * margin-left: 0;
   margin-top: -7px;
}

.hsLblE
{
   color: red;
   font-weight: bold;
}

.hsHintanchorNoPr
{
   float: right;
}

.hsHintanchor,
.hsHintanchorNoPr
{
   width: 40px;
   height: 20px;
 * height: 20px;
   margin-top: 4px;
   background: transparent url(../images/info4.jpg) no-repeat 0 0;
}

a#hsHouseIcon
{
   display: block;
   padding: 2px 0;
   color: #68bb87;
   width: 150px;
   text-align: center;
}

a:hover#hsHouseIcon
{
   display: block;
   color: #68bb87;
}

#hsCollKortingPr
{
	float: left;
	width: 50px;
	margin-left: 5px;
}

.hsSumPr
{
   display: block;
   float: right;
   height: 7px;
   width: 152px;
   margin: -2px -1px -7px 0;
   padding: 0;
   background: transparent url(../images/sumpr.gif) no-repeat 0 0;
}

.hsSumPrMin
{
   display: block;
   float: right;
   height: 7px;
   width: 152px;
   margin: -2px -1px -7px 0;
   padding: 0;
   background: transparent url(../images/sumprmin.gif) no-repeat 0 0;
}

/***RightDiv General Exceptions***/

.hsP1 p
{
   background-color: transparent;
   width: 100px;
}

.hsP2 p
{
   background-color: transparent;
   width: 223px;
	padding-left: 10px;	
}

.hsP4 p
{
   font-size: 11px;
   border: none;
   background-color: transparent;
   padding-top: 4px;
	color: #253788;
}

#hsPExtraSpan p
{
   float: left;
   margin-left: 5px;
   width: 50px;
}

#content .hsLine h1,
#content .headerFieldset h1
{
   font: bold 13px verdana;
   margin-left: 6px;
	color: #253788;
}

p#hsPremieTotPrS
{
	padding-top: 0;
	font-weight: bold;
}

#content .hsPExtra h1
{
	margin-top: 0;
	padding-top: 0;
   font: bold 13px verdana;
   margin-left: 5px;
	width: 150px;
}

/***RightDiv Form-specific Exceptions***/

select#hsAfgifteJaar
{
   width: 60px;
}

select#hsAfgifteMaand
{
   margin-left: 0;
   width: 80px;
}

/*** Hint Box ***/

#hintbox
{ /*CSS for pop up hint box */
   position:absolute;
   background-color: #fff;
   width: 150px; /*Default width of hint.*/
   padding: 6px;
   border:1px solid #000066;
   font:normal 11px Verdana;
   line-height:18px;
   z-index:100;
   border-right: 3px solid #000066;
   border-bottom: 3px solid #000066;
   visibility: hidden;
   color: #000066;
}


/****** Samenvatting hsFase4Div ********/

.hsFase4Div
{
   width: 650px;
   background: transparent url(/resources/offermans/images/formBg.jpg) repeat-y 0 0;
   float: left;
   padding: 20px 20px 0 20px;
   margin: 0 0 10px 0;
	
}

.hsFase4Div h1,
#hsFase4Div h1,
#hsFase3Div h1
{
   width: 600px;
	font: bold 14px Verdana;
   color: #000066;
   margin: 15px 0 5px 19px;
   padding: 0;
}

.hsFase4Div p
{
   display: block;
   width: 330px;
   height: 16px;
   float: left;
   font:normal 11px Verdana;
   color: #000066;
   margin: 0 2px 2px 6px;
   padding: 3px 3px 0 8px;
   background-color: #fff;
}

.hsFase4Div .hsPremieSv p,
{
   font: bold 11px/13px Verdana;
}

.hsFase4Div .linespan
{
   font:normal 11px Verdana;
   display: block;
   width: 230px;
   float: left;
   margin: 0 0 2px 0;
   padding: 3px 3px 0 8px;
   height: 16px;
   background-color: #fff;
   color: #758b7f;
}

#hsPersonalDataButtons4
{
   margin-top: 10px;
	background: #fff;
	width: 650px;
	margin-left: -20px;
	padding: 0 0 0 20px;
}

#hsPersonalDataButtons4 a
{
   font: bold 11px/14px verdana;
}


/*** afsluiten ***/

#hsForm .hsFase5Div
{
	width: 650px;
	float: left;
   padding: 0;
   margin-top: 0 0 0 20px;   
	margin-top: 0;
}

.hsFase5Div dl
{
	background: transparent url(/resources/offermans/images/formBg.jpg) repeat-y 0 0;
   padding: 0;
   margin-top: 0;
}

.hsFase5Div dl dd,
.hsFase5Div dl dl
{
	background: none;
}

.hsFase5Div dl dl
{
	margin-left: 5px;
}


dl.hsFase5Dl
{
   width: 650px;
   margin: 0 0 -10px 0;
   padding: 10px 0 0 0;
}

.hsFase5Dl dt
{
   font: bold 12px/22px Verdana;
   margin: 10px 0 0 20px;
   padding: 0 0 0 10px;
}

.hsFase5Dl dd
{
   margin: 0 10px 0 20px;
   padding: 10px;
}

dd.radioDd
{
   width: 620px;
   padding: 0 0 5px 0;
   margin-bottom: 5px;
}

.hsFase5Div input
{
   display: block;
   border: none;
   float: left;
   margin: 0 10px 0 0;
   padding: 0;
}

dd.radioDd input
{
   margin: 10px 5px 0 10px;
}


.hsFase5Div label
{
   display: block;
   float: left;
   font: normal 11px/13px Verdana;
   margin: 0 0 10px 0;
   padding: 0;
	background: none;
}

label#hsBetaalPeriodeLbl
{
   font: normal 12px/14px Arial;
}

.hsFase5Div textarea
{
   width: 550px;
   height: 100px;
   margin: 0 0 10px 0;
   padding: 5px;
}

.textareaDd
{
   width: 600px;
   margin-top: 5px;
}

.textareaDd label,
.ddExtraMargin label
{
   float: left;
   width: 90%;
}

.smallscript
{
   float: left;
	font: italic 10px verdana;
}

dd.ddExtraMargin
{
   width: 600px;
   margin-top: 5px;
}

.hsFase5Div label.radioLabel
{
   float: left;
   width: 50px;
   font:normal 11px/13px Verdana;
   margin: 10px 0 0 0;
   padding: 0;
}

.hsFase5Div dt
{
	width: 90%;
}

.hsFase5Div dd, .hsFase5Div dt
{
	float: left;
*	float: none;
}

dd span.hsErrorBg
{
   padding: 10px 0 0 12px;
   margin: 0;
   height: 20px;
   width: 600px;
   background: transparent url(/resources/offermans/images/formBg.jpg) repeat-y 0 0;
}

dd.ddLblE,
dd label.hsLblE
{
   font:bold 11px/13px Verdana;
   color: red;
}

.hsFase5Div input.radio
{
   font: normal 11px/13px Verdana;
   padding: 0;
}

dl.subDl
{
   margin: 0;
	padding: 0 0 0 25px;
*  padding: 0;
}

dl.subDl dd
{
   margin: 10px 0 0 0;
   padding: 0;
}

.hsVerplichtUitleg
{
   float: left;
   margin: 16px 0 0 22px;
*  margin: 10px 0 0 22px;
}


#showIfNotAccept
{
	float: left;
   width: 620px;
	background: transparent url(/resources/offermans/images/formBg.jpg) repeat-y 0 0;
	margin: 0 0 -10px 0;
	padding: 20px 10px 10px 10px;
}

#showIfNotAccept p,
#showIfNotAccept h1
{
	width: 580px;
	padding-left: 1px;
	color: #000066;
	font-weight: bold;
}

#showIfNotAccept p
{
	padding-left: 23px;
	font-weight: normal;
}

/******* WOONHUIS  *******/

.uitvouwA a
{
   position: relative;
   top: -3px;
   left: 7px;
   font-weight: bold;
   color: #fff;
   padding: 1px 2px 3px 2px;
   margin-bottom: 3px;
   background-color: #000066;
   text-decoration: none;
	border: 1px solid #000066;
}

.uitvouwA a:hover
{
   color: #000066;
   border: 1px solid #000066;
   text-decoration: none;
	background-color: #fff;
}

.sluitUitvouwA a
{
   display: block;
   width: 15px;
   height: 15px;
   position: relative;
   top: -26px;
   left: 600px;
   background: transparent url(/resources/akkelt/html/images/sluiten.gif) no-repeat 0 0;
}

.uitvouwA a#WoonhuisUitvouwA
{
   position: relative;
   top: 4px;
   left: -76px;
}

.uitvouwA a:hover#WoonhuisUitvouwA
{
   text-decoration: none;
   border: 1px solid #262626;
}

#uitvouw1 .sluitUitvouwA a
{
   top: 0;
   left: 575px;
}

.uitvouwWh
{
   width: 590px;
   margin: 5px;
   font-family: Verdana, Geneva, Verdana, Times, sans-serif;
   font-size: 11px;
   color: #44564b;
   background-color: #fff;
   border: 1px solid #000066;
   padding: 5px;
}

ul#hsHuizenIcons
{
   margin: 0 8px 0 0;
   padding: 0;
   width: 200px;
   float: right;
   background-color: #fff;
	list-style-type: none;
}

ul#hsHuizenIcons li a
{
   float:left;
   margin: 4px 10px;
   padding: 0;
   width: 30px;
   height: 30px;
}

li#hsHuis0 a
{
   display: block;
   background: transparent url(/resources/akkelt/html/images/huis0_small.gif) no-repeat 0 0;
   position: relative;
   top: 12px;
   left: 0;
}

li#hsHuis0 a:hover
{
   background: transparent url(/resources/akkelt/html/images/huis0_small_mo.gif) no-repeat 0 0;
}

li#hsHuis1 a
{
   background: transparent url(/resources/akkelt/html/images/huis2_small.gif) no-repeat 0 0;
   position: relative;
   top: -10px;
   left: 0;
}

li#hsHuis1 a:hover
{
   background: transparent url(/resources/akkelt/html/images/huis2_small_mo.gif) no-repeat 0 0;
}

li#hsHuis2 a
{
   background: transparent url(/resources/akkelt/html/images/huis1_small.gif) no-repeat 0 0;
   position: relative;
   top: -25px;
   left: 8px;
}

li#hsHuis2 a:hover
{
   background: transparent url(/resources/akkelt/html/images/huis1_small_mo.gif) no-repeat 0 0;
}

#changeHuis
{
   width: 175px;
   height: 180px;
   margin-bottom: 10px;
}

.changeHuis_0_0
{
   background: transparent url(/resources/akkelt/html/images/huis_0.gif) no-repeat 0 0;
}

.changeHuis_0_1
{
   background: transparent url(/resources/akkelt/html/images/huis_0_h.gif) no-repeat 0 0;
}

.changeHuis_0_2
{
   background: transparent url(/resources/akkelt/html/images/huis_0_l.gif) no-repeat 0 0;
}

.changeHuis_0_3
{
   background: transparent url(/resources/akkelt/html/images/huis_0_b.gif) no-repeat 0 0;
}

.changeHuis_0_4
{
   background: transparent url(/resources/akkelt/html/images/huis_0_hd.gif) no-repeat 0 0;
}


.changeHuis_1_0
{
   background: transparent url(/resources/akkelt/html/images/huis_1.gif) no-repeat 100% 100%;
}

.changeHuis_1_1
{
   background: transparent url(/resources/akkelt/html/images/huis_1_1.gif) no-repeat 100% 100%;
}

.changeHuis_1_2
{
   background: transparent url(/resources/akkelt/html/images/huis_1_2.gif) no-repeat 100% 100%;
}

.changeHuis_1_3
{
   background: transparent url(/resources/akkelt/html/images/huis_1_3.gif) no-repeat 100% 100%;
}

.changeHuis_1_4
{
   background: transparent url(/resources/akkelt/html/images/huis_1_4.gif) no-repeat 100% 100%;
}


.changeHuis_2_0
{
   background: transparent url(/resources/akkelt/html/images/huis_2.gif) no-repeat 100% 100%;
}

.changeHuis_2_1
{
   background: transparent url(/resources/akkelt/html/images/huis_2_1.gif) no-repeat 100% 100%;
}

.changeHuis_2_2
{
   background: transparent url(/resources/akkelt/html/images/huis_2_2.gif) no-repeat 100% 100%;
}

.changeHuis_2_3
{
   background: transparent url(/resources/akkelt/html/images/huis_2_3.gif) no-repeat 100% 100%;
}

.changeHuis_2_4
{
   background: transparent url(/resources/akkelt/html/images/huis_2_4.gif) no-repeat 100% 100%;
}


#gegevensWh
{
   float: left;
   width: 350px;
   margin: 0 0 0 5px;
}

#gegevensWh h1
{
   width: 350px;
	font-weight: bold;
   background: #fff;
   margin: 0 0 25px 10px;
	color: #253788;
}


#gegevensWh p
{
   width: 350px;
   background: #fff;
   margin-bottom: 35px;
}

#gegevensWh label
{
   width: 190px;
   margin: 3px 5px 3px 2px;
   font-weight: bold;
}

#gegevensWh input
{
   width: 60px;
   margin: 3px 40px 0 0;
}


/****** Kinderen ********/


.kinderenSpan
{
   display: block;
   margin: 10px 0 0 0;
   padding: 0 0 0 3px;
}

table.kinderenTable
{
   margin-left: 0;
   padding-left: 3px;
   width: 650px;
}

.kinderenTable td
{
   font: normal 11px/18px verdana;
}

.kinderenTable td.kinderenTd1 input,
.kinderenTable td.kinderenTd4 input,
.kinderenTable td.kinderenTd5 input
{
   width: 115px;
   padding: 0 0 1px 0;
   margin: 0 0 5px 0;
}

.kinderenTable td.kinderenTd2 input,
.kinderenTable td.kinderenTd3 input
{
   width: 60px;
   padding: 0 0 1px 0;
   margin: 0 0 5px 0;
}

.kinderenTable td.kinderenTd4 select
{
   width: 80px;
   padding: 0;
   margin: 0 0 5px 0;
}

.kinderenSpan .hsErrorBg p
{
   margin-top: 0;
   background: #fff;
   width: 500px;
}

span.hsLbl1E,
span.hsLbl2E,
span.hsLbl3E,
span.hsLbl4E,
span.hsLbl5E
{
   color: red;
   font-weight: bold;
}


a.buttonA
{
   position: relative;
   text-align: center;
   display: block;
   width: 120px;
   top: 10px;
   left: 3px;
   font: bold 10px verdana, times new roman, sans-serif;
   padding: 1px 0px 2px 0px;
   text-decoration: none;
   margin: 0 0 0 2px;
	background-color: #253788;
	color: #fff;
   border: 1px solid #253788;
}

a:hover.buttonA
{
   color: #262626;
   text-decoration: none;
	background-color: #fff;
	color: #000044;
   border: 1px solid #253788;
}

#hsHidePremiesSv h1
{
   margin-top: 20px;
	width: 500px;
}

#showKinderen a.buttonA
{
   float: left;
   margin-right: 10px;
}

#showKinderen
{
   background: transparent url(/resources/offermans/images/formBg.jpg) repeat-y 0 0;
}

#showKinderen h1
{
	color:#253788;
	font-weight: bold;
}

/*********     offermans speciefieke forms  ********/

ul#hsNavInschrijven
{
   position: absolute;
   top: 375px;
   left: -10px;
   width: 210px;
   padding: 10px 0 25px 0;
   background: transparent url(/resources/offermans/images/formnavBg.jpg) repeat-y 100% 0;
	margin-right: 0;
}

#huizen_contact #hsFormSmall ul
{
   top: 395px;
}

#hsFormSmall ul
{
   position: absolute;
   top: 305px;
	left: -5px;	
   width: 210px;
   padding: 10px 0 25px 0;
   background: transparent url(/resources/offermans/images/formnavBg.jpg) repeat-y 100% 0;
	margin-right: 0;
}


ul#hsNavWoningzoekende
{
   position: absolute;
   top: 398px;
   left: -10px;
   width: 210px;
   padding: 10px 0 25px 0;
   background: transparent url(/resources/offermans/images/formnavBg.jpg) repeat-y 100% 0;
	margin-right: 0;
}


#hsVastgoedForm fieldset#hsSet2,
#hsVastgoedForm fieldset#hsSet1,
#hsFormSmall fieldset#hsSet1,
#hsFormSmall fieldset#hsSet2,
#hsFormSmall fieldset#hsSet3
{
	width: 460px;
}

#hsVastgoedForm fieldset#hsSet1 .hsLine,
#hsVastgoedForm fieldset#hsSet2 .hsLine,
#hsFormSmall fieldset#hsSet3 .hsLine,
#hsFormSmall fieldset#hsSet2 .hsLine,
#hsFormSmall fieldset#hsSet1 .hsLine
{
	width: 460px;
	margin-top: 5px;
	margin-bottom: 0;	
	padding-top: 0;
	padding-bottom: 0;	
}

#hsVastgoedForm fieldset#hsSet1 .hsLine h1,
#hsVastgoedForm fieldset#hsSet2 .hsLine h1,
#hsFormSmall fieldset#hsSet3 .hsLine h1,
#hsFormSmall fieldset#hsSet2 .hsLine h1,
#hsFormSmall fieldset#hsSet1 .hsLine h1
{
	margin-top: 5px;
	margin-bottom: 0;	
	padding-top: 0;
	padding-bottom: 0;	
}

#hsVastgoedForm  .hsBottomButtons,
#hsVastgoedForm .hsBottomButtons,
#hsFormSmall .hsBottomButtons
{
   width: 460px;
   height: 30px;
}

#hsVastgoedForm textarea,
#hsFormSmall textarea
{
	margin: 0;
	padding: 0;
	width: 400px;
	height: 100px;
}

fieldset#hsSet1 .hsErrorBg p,
fieldset#hsSet2 .hsErrorBg p,
fieldset#hsSet3 .hsErrorBg p
{
	color: red;
	font-size: 10px;
	margin-left: 2px;
	width: 420px;
}

.hsBottomNext a
{
	display: block;
	margin-top: 6px;
	margin-right: 11px;
	float: right;
	padding: 3px 8px;
	color: #fff;
	background-color: #e3b136;
	font-weight: bold;
}

.hsBottomNext a:hover
{
	color: #6c6c69;
	text-decoration: none;
}

.hsBottomPrev a
{
	display: block;
	margin-top: 6px;
	float: left;
	padding: 3px 8px;
	color: #fff;
	background-color: #e3b136;
	font-weight: bold;
}

.hsBottomPrev a:hover
{
	color: #6c6c69;
	text-decoration: none;
}

h3
{
   color: #253788;
   margin: 0;
   padding: 0;
   font: bold 14px Verdana, Times new roman, Sans-serif;
}

/******  uitvaart ********/
small
{
   font: normal 10px/14px verdana;
	color: #777777;
}

input.euroInput
{
	background-color: #fff;
}

.uitvouwA a
{
	display: block;
	width: 100px;
	text-align: center;
	font: bold 11px verdana;
	margin-left: 225px;
	margin-top: 20px;
}

#showUitvaart
{
   margin: 20px 0;
   padding-bottom: 8px;
	height: 555px; 
	float: left;
}

#content #hsForm #showUitvaart h1
{
   margin: 10px 0 0 20px;
}

#showUitvaart small
{
   display: block;
   margin: 0 0 0 12px;
}

#uitvaartUitvouwMenu
{
   width: 620px;
}

.leftColumnUitvaart
{
   float: left;
   width: 235px;
   margin-right: -12px;
}

.rightColumnUitvaart
{
   float: left;
   width: 360px;
}

.uitvaartDivActive .inputWrap
{
   background: transparent url(../images/inputBg.gif) repeat-x 0 3px;
   width: 67px;
   height: 30px;
}

#uitvaartUitvouwMenu input
{
   margin: 5px 0 0 -1px;
   width: 33px;
   border-left: none;
   text-align: right;
   padding: 2px 6px 0 0;
}

#uitvaartUitvouwMenu input.euroInput
{
   margin: 5px -3px 0 5px;
   width: 10px;
   border-right: none;
   border-left: 1px solid #a5acb2;
}

.uitvaartTitelP
{
   width: 605px;
   background: #fff;
   font: normal 11px verdana;
   margin: 4px 0;
   padding: 0;
}

.uitvaartDivActive,
.uitvaartDiv
{
}

.uitvaartDiv a
{
   display: block;
   float: left;
   width: 150px;
   border: 1px solid #002d55;
   background: #c3c7d2;
   padding: 6px;
   margin: 3px -3px 3px 0;
   text-decoration: none;
   font: bold 11px Verdana, sans-serif;
   color: #758b7f;

}

.uitvaartDivActive a
{
   display: block;
   float: left;
   width: 151px;
   border: 1px solid #002d55;
   padding: 6px;
   margin: 3px -3px 3px 0;
   background: #fff;
   color: #002d55;
   font: bold 11px Verdana, sans-serif;
   border-right: none;
   text-decoration: none;
}

a.totalTd
{
   background: #002d55;
   color: #fff;
}

a:hover.totalTd
{
   color: #262626;
   background-color: #fff;
   text-decoration: none;
}

.uitvaartDiv .contentSpan,
.uitvaartDiv .layoutSpan
{
   display: none;
}

.uitvaartDivActive .contentSpan
{
   display: block;
   border: 1px solid #000066;
   border-left: none;
   z-index: 100;
   padding: 5px 0;
	background-color: #fff;	
}

.uitvaartDivActive .contentSpan table
{
	float: left;
}

#basiskostenContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -391px;
}

#begrafenisContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -358px;
}

#rouwbrievenContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -325px;

}

#advertentieContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -292px;

}

#kistContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -299px;
   margin-top: 40px;
}

#rouwdienstContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -336px;
   margin-top: 110px;
}

#volgautosContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -325px;
   margin-top: 132px;
}

#bloemenContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -325px;
   margin-top: 165px;
}

#consumptiesContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -278px;
   margin-top: 151px;
}

#dankbetuigingenContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -259px;
   margin-top: 165px;
}

#grafsteenContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -145px;
   margin-top: 84px;
}

#overigekostenContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -337px;
   margin-top: 309px;
}

#totalekostenContent
{
   float: right;
   background: #fff url(../images/uitvouwBg.gif) no-repeat 0 -245px;
   margin-top: 235px;
}

#formbody .contentSpan p
{
   display: block;
   width: 335px;
   margin: 5px;
   background: #fff;
   font: normal 11px verdana;
}

div.uitvouwDiv span table
{
   margin: 5px 0 5px 10px;
   width: 340px;
}

div.uitvouwDiv span td
{
   text-align: left;
   vertical-align: top;
   font: bold 11px verdana;
   background: #c3c7d2;
   padding: 4px;
}

div.uitvouwDiv span td.alignRightTd
{
   text-align: right;
}

div.uitvouwDiv span td.alignTotalRightTd
{
   text-align: right;
   background: #002d55;
   color: #fff;
}

div.uitvouwDiv span td.totalTd
{
   background: #002d55;
   color: #fff;
}

div.uitvouwDiv span td.totalTdRight
{
   text-align: right;
}

div.uitvouwDiv span th
{
   padding: 4px;
   text-align: left;
   font: bold 11px verdana;
   color: #002d55;
}

em
{
   padding: 0;
   margin: 0 0 0 15px;
   display: block;
	font-size: 9px;
}

#hsPreFormDiv
{
   width: 550px;
}

#hsPreFormDiv em
{
   padding: 0;
   font-weight: bold;
}

#hsPreFormDiv h1
{
   font: bold 13px verdana;
   color: #002d55;
   margin: 0;
   padding: 0;
}

#hsPreFormDiv p
{
   font: normal 11px verdana;
   background: #fff;
   margin: 10px 0 20px 15px;
   padding: 0;
}

#hsPreFormDiv a.hsNonHint
{
   display: block;
   margin: 8px 0 0 0;
   padding: 0 0 0 13px;
   background: transparent url(../images/greenarrow.gif) no-repeat 0 0;
}

img
{
   border: 0;
}

#hideCheckBegrCrem a
{
   margin: 20px 5px;
   text-align: center;
   border: 1px solid #002d55;
   background-color: #c3c7d2;
   color: #395242;
}

#hideCheckBegrCrem a:hover
{
   margin: 20px 5px;
   text-align: center;
   border: 1px solid #395242;
   background-color: #fff;
   color: #395242;
   text-decoration: none;
}

.nederland_limburg,
.nederland_friesland,
.nederland_brabant,
.nederland_zeeland,
.nederland_zuidholland,
.nederland_noordholland,
.nederland_utrecht,
.nederland_drente,
.nederland_flevoland,
.nederland_groningen,
.nederland_overijsel,
.nederland_gelderland
{
   display: block;
   width: 320px;
   height: 358px;
   margin: 0 30px 0 10px;
   padding: 0;
}

.nederland_limburg
{
   background: url(../images/limburg.gif);
}

.nederland_brabant
{
   background: url(../images/brabant.gif);
}

.nederland_zeeland
{
   background: url(../images/zeeland.gif);
   background-repeat: no;
}

.nederland_zuidholland
{
   background: url(../images/zuidholland.gif);
}

.nederland_noordholland
{
   background: url(../images/noordholland.gif);
}

.nederland_utrecht
{
   background: url(../images/utrecht.gif);
}

.nederland_gelderland
{
   background: url(../images/gelderland.gif);
}

.nederland_flevoland
{
   background: url(../images/flevoland.gif);
}

.nederland_overijsel
{
   background: url(../images/overijsel.gif);
}

.nederland_drente
{
   background: url(../images/drente.gif);
}

.nederland_friesland
{
   background: url(../images/friesland.gif);
}

.nederland_groningen
{
   background: url(../images/groningen.gif);
}

.nederland
{
   display: block;
   width: 320px;
   height: 358px;
   background: transparent url(../images/nederland.gif) no-repeat 0 100%;
   margin: 0 30px 0 10px;
   padding: 0;
}

#map_nl
{
   width: 320px;
   margin: 0 30px 0 10px;
}

.mapText
{
   float: left;
   font: bold 11px verdana;
   margin: 4px 0 4px 4px;
   padding: 5px 7px;
   color: #395242;
   background: #fff;
}

#chooseTown
{
   height: 200px;
}

#chooseTown label,
#chooseCemetery label
{
   float: left;
   font: bold 11px verdana;
   margin: 4px 0 4px 4px;
   padding: 0;
   color: #395242;
   background-color: #fff;
}

#chooseTown label
{
   margin: 9px 0 0 5px;
}

#chooseTown select
{
   float: left;
   height: 150px;
   width: 340px;
   padding: 5px;
   margin: 10px 0 5px 10px;
   background: #c3c7d2;
   color: #758b7f;
   font: bold 11px/19px verdana;
}

a.goBack
{
   float: left;
   border: none;
   margin: 5px 0 0 5px;
   padding: 0 0 0 0;
   width: 0;
}

#showBegrCremDiv
{
   width: 300px;
   padding: 20px 0 0 0;
   margin: 10px 0 5px 0;
   background: #fff;
}

#showBegrCremDiv label
{
   float: left;
   width: 250px;
   margin: 10px 0 3px 10px;
   font-weight: bold;
}

#showBegrCremDiv input
{
   float: right;
   width: 30px;
   margin: 13px 10px 3px 0;
   display: block;
   clear: right;
}

h1#partner_uitvaart,
h1#overige_uitvaart,
h2#overige_uitvaart,
h1#kinderen_uitvaart,
h1#verzekerde_uitvaart
{
	width: 400px;
   font: bold 14px Arial, Helvetica, Sans-serif;
   color: #894501;
   margin: 0 0 4px 9px;
   padding: 0;
}

h2#overige_uitvaart
{
	width: 400px;
   font: bold 14px Arial, Helvetica, Sans-serif;
   color: #894501;
   margin: 0 0 4px 9px;
   padding: 0;
}