/*******************************************************************
Hofstaete Website Service - www.hofstaete.nl
 ********************************************************************/

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

#superContainer {
	margin:10px 0;
}

#superContainer #container .ps_content{
	border: 1px solid #F6FD2F;
}

/*******************************************************************
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/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/openclose_mo.gif) no-repeat 0 0;
}

#pakketoverzicht,
#pakketoverzicht_top,
#pakketoverzicht_content,
#pakketoverzicht_bottom {
	width:276px;
}

#pakketoverzicht {
	background-color: #442359;
	color: #F6FD2F;
}

#pakketoverzicht td.verzDescCol {
	width:200px;
	font-size:11px;
}

#pakketoverzicht td.verzDescCol a {
	color: #F6FD2F;
}

/*******************************************************************
Algforms
 ********************************************************************/

#hsGeneralForm .hsBottomButtons {
	width:425px;
}

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

/*******************************************************************
Rekenformulieren
 ********************************************************************/

#hspakketdiv,
#hsformdiv,
#hsproductinfodiv {
	width:560px;
	margin:0;
	padding:0;
}

#hsformdiv {
	width:580px;
}

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

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

#hsformdatadiv #hsGeneralForm #frm_definitiefaccoordLbl {
	width:75%;
}

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

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

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

/*******************************************************************
Forms
 ********************************************************************/

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

#hsGeneralForm input.input_select {
	width:100px;
}

#hsGeneralForm input.hsCheckBox {
	width:20px;
}

#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:#ccc;
	background-color: inherit;
}

#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,
#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;
	background-color: inherit;
}

/*******************************************************************
Pakketskolom: het winkelmandje
 ********************************************************************/
																																						 
#pakketoverzicht,
#pakketsamenstelling,
#pakketoverzicht_top,
#pakketoverzicht_content,
#pakketoverzicht_bottom {
	float:left;
}

#pakketoverzicht h1 {
	clear:both;
	font-size:18px;
	line-height:35px;
	margin:15px 10px 5px;
}

#pakketoverzicht p.emptypakketinfo {
	padding:10px;
}

ul#pakketstappen {
	margin:10px;
}

ul#pakketstappen li {
	width:100%;
	height:25px;
	font-size:14px;
	line-height:25px;
	margin-top:3px;
	background:#442359 url(/private/images/pakketoverzicht_libg.png) no-repeat 0 0;
	color: #442359;
}

ul#pakketstappen li.active {
	font-size:12px;
	background:#442359 url(/private/images/pakketoverzicht_libg_active.png) no-repeat 0 0;
}

ul#pakketstappen li a {
	color:#000;
	background-color: #fff;
	text-decoration:underline;
	font-size:12px;
	display: inline;
}

ul#pakketstappen li a:hover {
	color:#000;
}

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

/*******************************************************************
Tabellen: premies en kortingen
 ********************************************************************/

#pakketoverzicht .hsLine,
#kortingstabel {
	margin:10px;
}

#pakketoverzicht .po_premie {
	padding-right:4px;
}

#pakketoverzicht .totaalTabel .hsLine {
	padding-left:2px;
}

#kortingstabel {
	width:85%;
	height:60px;
	background:#fff;
	padding:10px;
}

#kortingstabel h2 {
	color: #442359;
}

#pakketoverzicht_content span.po_premie {
	display:block;
	width:60px;
	height:14px;
	text-align:right;
}

#kortingstabel span#centerStaaf {
	float:left;
	height:16px;
	background:#464646;
	margin:5px 0 0;
}

#kortingstabel span#percentageStaaf {
	display:block;
	clear:left;
	font-weight:700;
	font-size:14px;
	background:none;
	color:#363636;
	background-color: inherit;
	margin:5px 0 0;
}

#pakketoverzicht a.afsluiten_button {
	display:block;
	float:right;
	width:151px;
	height:22px;
	background:transparent url(/private/images/pp_pakketafsluiten.gif) no-repeat 0 0;
	text-decoration:none;
	margin:0 10px 10px 0;
}

#pakketoverzicht a:hover.afsluiten_button {
	background:transparent url(/private/images/pp_pakketafsluiten_mo.gif) no-repeat 0 0;
}

#pakketoverzicht #pakketsamenstelling table,
#pakketoverzicht .totaalTabel table {
	margin-left:9px;
}

/*******************************************************************
Polis- productenoverzicht
 ********************************************************************/

#hspakketdiv,
#hsproductinfodiv {
	margin-left:10px;
	padding:0 10px;
}

#hspakketdiv,
#hsformdiv,
#hsproductinfodiv {
	float:left;
}

#hspakketdiv {
	border:1px solid #ccc;
	padding:15px;
}

/*******************************************************************
Producten overzicht
 ********************************************************************/
#hspakketdiv #meldingwrapper {
	width:100%;
}

#hspakketdiv #linkblock {
	margin:10px 0;
}

#hspakketdiv #linkblock h1 {
	float:left;
	width:100%;
	margin:10px 0 5px;
}

#hspakketdiv #melding1,
#hspakketdiv #melding2,
#hspakketdiv #melding3,
#hspakketdiv #melding4 {
	float:left;
	height:16px;
	background:transparent url(/private/images/dustbin.gif) no-repeat 0 0;
	margin:5px 15px 0 4px;
	padding:2px 0 0 15px;
}

#hspakketdiv #melding3 {
	background:transparent url(/private/images/brochure.gif) no-repeat 0 0;
}

#hspakketdiv .rightLink2 a,
#hspakketdiv .rightLink4 a,
#hspakketdiv .leftLinkA,
#hspakketdiv .product_disabled {
	float:left;
	display:block;
	width:4%;
	height:22px;
	text-decoration:none;
}

#hspakketdiv .leftLink a {
	width:92%;
	background:transparent url(/private/images/berekenpremie.gif) no-repeat 100% 50%;
}

#hspakketdiv .leftLink a:hover {
	background:transparent url(/private/images/berekenpremie_mo.gif) no-repeat 100% 50%;
}

#hspakketdiv .leftLink a.product_disabled {
	float:left;
	background:none;
	color:#ccc;
	background-color: inherit;
}

#hspakketdiv #melding2,
#hspakketdiv .rightLink2 a {
	background:transparent url(/private/images/extrainfo.gif) no-repeat 0 0;
}

#hspakketdiv #melding4,
#hspakketdiv .rightLink4 a {
	background:transparent url(/private/images/polis.gif) no-repeat 0 0;
}

/*******************************************************************
Algemeen
 ********************************************************************/

#hsGeneralForm {
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

#hsGeneralForm .hsFaseDiv {
	float:left;
}

#hsGeneralForm .hsLine div /* zodat de div van de custom-select goed float */ {
	float:left;
}

#hsGeneralForm fieldset {
	float:left;
	border:1px solid #ccc;
	background-color:#fff;
	margin:0 0 3px;
	padding:10px 0 10px 14px;
}

#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 0 -15px;
}

#extrainfo_ul li {
	float:left;
}

#extrainfo_ul li a {
	display:block;
	padding-left:28px;
	text-decoration:none;
}

#extrainfo_ul li a:hover {
	text-decoration:underline;
}

#extrainfo_ul li.extrainf a {
	width:120px;
	height: 16px;
	background:transparent url(/private/images/extrainfo.gif) no-repeat 0 0;
}

#extrainfo_ul li.brochures a {
	display:none;
	width:95px;
	background:transparent url(/private/images/brochure.gif) no-repeat 0 0;
	padding-left:20px;
}

#extrainfo_ul li.polisvoorw a {
	width:120px;
	height: 16px;
	background:transparent url(/private/images/polis.gif) no-repeat 0 0;
}

#hsGeneralForm ul#hsNav {
	float:left;
	width:100%;
	position:relative;
	bottom:-1px;
	margin:0;
	padding:0;
}

#hsGeneralForm ul#hsNav li.hsFaseBut {
	float:left;
	list-style-type:none;
	background:transparent url(/private/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/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/left_tab.gif) no-repeat left bottom;
	text-decoration:none;
	font-weight:700;
	height:22px;
	line-height:22px;
	float:left;
	margin:0;
	padding:0 7px;
}

#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/tab_bg.gif) repeat-x left bottom;
	cursor:pointer;
	font-weight:700;
	height:22px;
	line-height:22px;
	float:left;
	margin:0;
	padding:0 7px;
}

#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/left_tab_s.gif) no-repeat left bottom;
	font-weight:700;
	height:22px;
	line-height:22px;
	text-decoration:none;
	float:left;
	margin:0;
	padding:0 7px;
}

#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/tab_bg_s.gif) repeat-x left bottom;
	text-decoration:none;
	font-weight:700;
	height:22px;
	line-height:22px;
	float:left;
	margin:0;
	padding:0 7px;
}

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

#hsGeneralForm .hsLine {
	float:left;
	margin:0 0 5px;
}

#hsGeneralForm p.header,
#hsGeneralForm .hsLine p.header {
	font-size:12px;
	line-height:18px;
	font-weight:700;
	margin-top:10px;
	margin-bottom:5px;
}

#hsGeneralForm .hsErrorBg p,
#hsGeneralForm .hsLine p {
	float:left;
	margin:0;
	padding:0;
}

#hsGeneralForm .hsErrorBg p {
	font-weight:700;
	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 {
	font-size:11px;
	border:1px solid #a5acb2;
	margin:0;
}

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

/*******************************************************************
Radio
 ********************************************************************/

#hsGeneralForm label {
	float:left;
	color:#442359;
	background-color: inherit;
	display:block;
	margin:0;
	padding:0 0 4px;
}

#hsGeneralForm #hsFase2Div span.hsRadioP p {
	float:left;
	width:548px;
	display:block;
}

#hsGeneralForm #hsFase2Div .hsRadioBut {
	clear:both;
}

#hsGeneralForm input,
#hsGeneralForm textarea {
	color:#333;
	background-color: inherit;
	font-size:11px;
	height:16px;
	border:1px solid #a5acb2;
	margin:0;
	padding:2px 0 0 3px;
}

#hsGeneralForm textarea {
	height:90px;
}

#hsGeneralForm .hsRadioBut {
	color:#333;
	background-color: inherit;
	font-size:11px;
	border:none;
	margin:0;
	padding:2px 0 0 3px;
}

#hsGeneralForm span.hsRadioBut {
	border:none;
}

#hsGeneralForm .hsRadioP p {
	float:left;
	height:auto;
}

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

/*******************************************************************
Rechter 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/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;
	background:transparent url(/private/images/sumpr.gif) no-repeat 0 0;
	margin:-2px -1px -7px 0;
	padding:0;
}

#hsGeneralForm .hsSumPrMin {
	background:transparent url(/private/images/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;
	background:transparent url(/private/images/bottombg_mo.gif) no-repeat 0 0;
	text-decoration:none;
	height:22px;
	line-height:22px;
	margin:0;
}

#hsGeneralForm .hsBottomButtons a:hover {
	display:block;
	background:transparent url(/private/images/bottombg.gif) no-repeat 0 0;
	text-decoration:none;
	color:#000;
	background-color: inherit;
	margin:0;
}

#hsGeneralForm .hsBottomButtonsRight {
	float:right;
	margin-right:5px;
}

#hsGeneralForm .hsBottomButtonsLeft {
	float:left;
}

/*******************************************************************
Afsluitformulieren
 ********************************************************************/

/*******************************************************************
Samenvatting div
 ********************************************************************/
 
#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:700;
	font-size:13px;
	line-height:18px;
	text-align:right;
	margin-right:20px;
	list-style-type:none;
}

/*******************************************************************
Afsluiten
 ********************************************************************/

#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 {
	margin-top:10px;
	border:2px solid #B00000;
	float: left;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#hsGeneralForm .verplicht {
	width:90%;
	display:block;
	float:left;
	margin:10px 0 0;
	padding:10px 15px;
}

#hsGeneralForm .pakketrule {
	width:95%;
	margin-bottom:10px;
	border:1px solid #ccc;
	background:#efefef;
	padding:5px;
}

/*******************************************************************
Teksten - Extra info div
 ********************************************************************/

#hsproductinfodiv a.terug {
	display:block;
	padding-bottom:20px;
}

#hsproductinfodiv_msg ul li {
	padding-left:20px;
	background:transparent url(/private/images/arrow.gif) no-repeat 3px 6px;
}

#hsproductinfodiv_msg ul li ul,
#hsproductinfodiv_msg ul li ul li {
	background:none;
	padding:0;
}

#hsproductinfodiv_msg .uitvouw {
	background-color:#efefef;
	padding:6px;
}

/*******************************************************************
Misc
 ********************************************************************/
  
#hsGeneralForm hr {
	color:#333;
	background-color: inherit;
}

#hsGeneralForm input.button {
	height:20px;
	font-weight:700;
	color:#fff;
	background-color:#363636;
	text-align:center;
	padding:2px 0;
}
  
/*******************************************************************
Popup
 ********************************************************************/

.popupdiv {
	border:1px solid #464646;
	background-color:#eee;
	padding:20px;
	width: 350px;
}

.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;
	background:transparent url(/private/images/pdf.gif) no-repeat 0 50%;
	padding:3px 0 3px 25px;
}

/*******************************************************************
Hintbox
 ********************************************************************/

#hintbox {
	position:absolute;
	visibility:hidden;
	width:200px;
	z-index:100;
	border:1px solid #464646;
	border-right:3px solid #464646;
	border-bottom:3px solid #464646;
	background-color:#efefef;
	padding:10px;
}

/* UITZONDERINGEN PER FORMULIEREN */

/*******************************************************************
Woonhuis
 ********************************************************************/

#hsGeneralForm .uitvouwA a {
	position:relative;
	top:1px;
	left:5px;
	font-weight:700;
	color:#fff;
	background-color:#363636;
	margin-top:2px;
	text-decoration:none;
	border:1px solid #fff;
	padding:2px 2px 4px;
}

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

#hsGeneralForm #uitvouw1 {
	float:left;
	position:relative;
	width:96%;
	background-color:#fff;
	border:1px solid #333;
	margin-top:5px;
	margin-bottom:10px;
	padding:5px;
}

#hsGeneralForm .sluitUitvouwA a {
	display:block;
	width:16px;
	height:15px;
	position:absolute;
	top:3px;
	right:4px;
	background:transparent url(/private/images/close_popup.gif) no-repeat 0 0;
}

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

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

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

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

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

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

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