/* 
- Kopie van algforms op Z:\Hofstaete\Software\WebSupport\Html\Algemene Stylesheets 
- gechecked voor ie6, ie7 en FF 
- Alleen breedtes en kleuren kunnen/mogen ingesteld worden
*/

/********************************* 
IN TE STELLEN  BREEDTES EN KLEUREN
***********************************/

#content #hsGeneralForm fieldset
{
	width: 408px;
	background: #f00;
}

#content #hsGeneralForm .hsLine,
#content #hsGeneralForm .hsLine p,
#content #hsGeneralForm .hsErrorBg p
{
	width: 408px;
}

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

#content #hsGeneralForm input, #content #hsGeneralForm span.hsRadioBut, #content #hsGeneralForm .hsLine .hsRightDiv, #content #hsGeneralForm  .hsLine .hsRightDiv p.hsPrS, #content #hsGeneralForm div.euroDiv 
{
	width: 160px;  
}
#content #hsGeneralForm textarea
{
	width: 390px;
}

#content #hsGeneralForm select
{
}

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

#content #hsGeneralForm .hsBottomButtons
{
	width: 425px;
}
#content #hsGeneralForm p
{
	padding: 0 0 0 5px;
	width: 100%;
}
#content #hsGeneralForm  .fullwidth
{
	width: 300px;
}
/* normale tab */
#content #hsGeneralForm .hsFaseBut#hsFase1But a, #content #hsGeneralForm .hsFaseBut#hsFase2But a, #content #hsGeneralForm .hsFaseBut#hsFase3But a, #content #hsGeneralForm .hsFaseBut#hsFase4But a, #content #hsGeneralForm .hsFaseBut#hsFase5But a, #content #hsGeneralForm .hsFaseBut#hsFase6But a
{
	color: #B9C9D3;	
} 

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

/* actieve tab */
#content #hsGeneralForm .hsFaseButActive#hsFase1But a span, #content #hsGeneralForm .hsFaseButActive#hsFase2But a span, #content #hsGeneralForm .hsFaseButActive#hsFase3But a span, #content #hsGeneralForm .hsFaseButActive#hsFase4But a span, #content #hsGeneralForm .hsFaseButActive#hsFase5But a span, #content #hsGeneralForm .hsFaseButActive#hsFase6But a span          
{
	color: #ff9f0d;
}

/************************ 
ALGEMEEN. WRAPPER
*************************/

#content #hsGeneralForm 
{	
	margin: 0 0 0 20px;	
	padding: 0;
}

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

#content #hsGeneralForm fieldset
{
	clear: left;
	padding: 10px 0 10px 12px;
	border: none;
	border: 1px solid #cccccc;
	background-color: #fff;
	margin-bottom: 3px;
	margin-left: 0px;
}

/************************ 
NAVIGATIE 
*************************/

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

#content #hsGeneralForm #hsNav li.hsFaseBut
{
	float: left;
	list-style-type: none;
	background: transparent url(/private/images/algforms_images/right_tab.gif) no-repeat right bottom;
	margin: 0;
	padding: 0;
}


#content #hsGeneralForm  #hsNav li.hsFaseButActive
{
	float: left;
	list-style-type: none;
	background: transparent url(/private/images/algforms_images/right_tab_s.gif) no-repeat right bottom;
	margin: 0;
	padding: 0;
}

#content #hsGeneralForm .hsFaseBut#hsFase1But a, #content #hsGeneralForm .hsFaseBut#hsFase2But a, #content #hsGeneralForm .hsFaseBut#hsFase3But a, #content #hsGeneralForm .hsFaseBut#hsFase4But a, #content #hsGeneralForm .hsFaseBut#hsFase5But a, #content #hsGeneralForm .hsFaseBut#hsFase6But a{	display: block;	background: transparent url(/private/images/algforms_images/left_tab.gif) no-repeat left bottom;	margin: 0 0 0 0;	padding: 0 7px;	text-decoration: none;	font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}
#content #hsGeneralForm .hsFaseBut#hsFase1But a span, #content #hsGeneralForm .hsFaseBut#hsFase2But a span, #content #hsGeneralForm .hsFaseBut#hsFase3But a span, #content #hsGeneralForm .hsFaseBut#hsFase4But a span, #content #hsGeneralForm .hsFaseBut#hsFase5But a span, #content #hsGeneralForm .hsFaseBut#hsFase6But a span{	display: block;	background: transparent url(/private/images/algforms_images/tab_bg.gif) repeat-x left bottom;	margin: 0 0 0 0;	padding:0 7px;	cursor: pointer;	font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}
#content #hsGeneralForm .hsFaseButActive#hsFase1But a, #content #hsGeneralForm .hsFaseButActive#hsFase2But a, #content #hsGeneralForm .hsFaseButActive#hsFase3But a, #content #hsGeneralForm .hsFaseButActive#hsFase4But a, #content #hsGeneralForm .hsFaseButActive#hsFase5But a, #content #hsGeneralForm .hsFaseButActive#hsFase6But a{	display: block;	background: transparent url(/private/images/algforms_images/left_tab_s.gif) no-repeat left bottom;	margin: 0 0 0 0;	padding: 0 7px;	font-weight: bold;	height: 22px;			line-height: 22px;		text-decoration: none;		float: left;}
#content #hsGeneralForm .hsFaseButActive#hsFase1But a span, #content #hsGeneralForm .hsFaseButActive#hsFase2But a span, #content #hsGeneralForm .hsFaseButActive#hsFase3But a span, #content #hsGeneralForm .hsFaseButActive#hsFase4But a span, #content #hsGeneralForm .hsFaseButActive#hsFase5But a span, #content #hsGeneralForm .hsFaseButActive#hsFase6But a span          {	display: block;	background: transparent url(/private/images/algforms_images/tab_bg_s.gif) repeat-x left bottom;	margin: 0 0 0 0;	padding: 0 7px;	height: 22px;		text-decoration: none;		font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}
#content #hsGeneralForm .hsFaseBut#hsFase1But a:hover, #content #hsGeneralForm .hsFaseBut#hsFase2But a:hover, #content #hsGeneralForm .hsFaseBut#hsFase3But a:hover, #content #hsGeneralForm .hsFaseBut#hsFase4But a:hover, #content #hsGeneralForm .hsFaseBut#hsFase5But a:hover, #content #hsGeneralForm .hsFaseBut#hsFase6But a:hover {	text-decoration: none;}


/*******************************
HSLINE STYLES
************************************/

#content #hsGeneralForm .hsLine
{
	float: left;
	_float: none; /* voor ie6, als float dan duplicate character bug */
	_clear: left;/* voor ie6 */
	margin: 0 0 5px 0;
}

#content #hsGeneralForm  p.header
{
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

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

#content #hsGeneralForm #FieldSet1 .hsErrorBg p,
#content #hsGeneralForm #FieldSet2 .hsErrorBg p,
#content #hsGeneralForm #FieldSet3 .hsErrorBg p,
#content #content #hsGeneralForm  .hsErrorBg p
{
	font-weight: bold;
	color: red;
}

#content #hsGeneralForm label,
#content #hsGeneralForm span.hsRadioP,
#content #hsGeneralForm  .hsLine .hsRightDiv p,
#content #hsGeneralForm  .hsLine .hsPExtra p
{
	margin: 0;
	padding: 0;
}


#content #hsGeneralForm label,
#content #hsGeneralForm span.hsRadioP
{
	float: left;
	color: #333;
	margin: 0;
	padding: 0 0 4px 0;
	display: block;
}

#content #hsGeneralForm label.hsLblE
{
	color: red
}

#content #hsGeneralForm input, #content #hsGeneralForm textarea, #content #hsGeneralForm span.hsRadioBut
{
	_float: left;
	margin: 0;
	padding: 2px 0 0 3px;
	color: #333;
	font-size: 11px;
	height: 16px;
	border: 1px solid #777777;
}

#content #hsGeneralForm textarea
{
	height: 90px;
	clear: left;
	margin-bottom: 10px;
	margin-left: 0;
}

/****************************
 SELECTS 
 ********************************/
 
#content #hsGeneralForm span.selectbox_right
{
	display: block;
	float: left;
	margin-left: -1px;
	height: 18px;
	border: none;
	border-left: none; 
}

#content #hsGeneralForm select
{
	margin: 0;
	font-size: 11px;
	border: 1px solid #777777;
}

#content #hsGeneralForm input.input_select
{
	float: left;
}

/****************
RADIOS
****************/

#content #hsGeneralForm input.radio
{
	text-align: left;
	width: 20px;
	border: none;
}


#content #hsGeneralForm span.hsRadioBut
{
   border: none;
}

#content #hsGeneralForm .hsRadioP p
{
	float: left;
	width: 180px; 
	height: 40px;
}

/*****************
 EURO DIV 
 *****************/
#content #hsGeneralForm div.euroDiv 
{	
	height: 17px;
	border: #777777 1px solid;	
	margin-left: 0px;	
}

#content #hsGeneralForm input.noBorder 
{	
	float: right;
	margin-top: -14px;	
	width: 140px;
	text-align: right;	
	border: none;
	height: 13px;
}

#content #hsGeneralForm span.hsESign
{
	float: left;
}

#content #hsGeneralForm span.hsEMon
{
	float: right;
}

/************************************************ 
RIGHT DIV -  PREMIE VELDEN
************************************************/

#content #hsGeneralForm .hsLine .hsRightDiv
{
	float: right;
}

#content #hsGeneralForm .hsLine .hsRightDiv .hsPrS
{
	text-align: right;
}

/************************************************ 
BOTTOM BUTTONS   
************************************************/

#content #hsGeneralForm .hsBottomButtons
{
	margin-top: 10px;
}

#content #hsGeneralForm .hsBottomButtons a
{
	width: 80px;
	text-align: center;
	display: block;
	margin: 0;
	background: transparent url(/private/images/algforms_images/bottombg_mo.gif) no-repeat 0 0;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
}

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

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

#content #hsGeneralForm .hsBottomButtonsLeft
{
	float: left;
}






#content #hsGeneralForm .hsVerplichtUitleg
{
	margin: 40px 0 0 0;
}