#hsFormSmall{
	margin: 0 0 0 10px;
	width: 420px;
}

/*** styles formulieren ***/

#hsFormSmall p
{
   font: normal 11px Verdana, Times, Sans-serif;
   color: #777777;
   padding: 0;
   margin: 0;
}

#hsFormSmall h1
{
   color: #894501;
   margin: 0;
   padding: 0;
}

#hsFormSmall fieldset
{
   padding: 20px 0 5px 5px;
   margin: 0 0 0 0;
   border: none;
	background-color: #fff;
}

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

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

#hsFormSmall label.hsLblLong
{
   width: 380px;
	margin-top: 7px;
}

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

#hsFormSmall textarea
{
	width: 360px;
	height: 95px;
	margin: 3px 0 6px 3px;
	padding: 4px;
}

#hsFormSmall input
{
   height: 16px;
	width: 180px;
}

#hsFormSmall select
{
   width: 180px;
}

#hsFormSmall select.hsSelectExtraWidth
{
   width: 200px;
}

#hsFormSmall select.hsSelectExtra2Width
{
   width: 220px;
}

#hsFormSmall ul
{
   width: 380px;
   min-height: 21px;
   margin: 0 0 0 0;
   padding: 0;
}

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



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

#hsFormSmall ul#hsNav
{
   float: left;
   width: 380px;
   margin-left: 0;
   padding: 0 0 0 0;
}


#hsFormSmall .hsBottomButtons
{
   width: 380px;
   height: 30px;
}

#hsFormSmall fieldset
{
   width:390px;
}


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


#hsFormSmall #hsSpaceStatusIndicator
{
   float: left;
   width: 300px;
   height: 15px;
   margin: 0 0 0 8px;
	background-color: red;
}

#hsFormSmall #hsStatusIndicator
{
   background: transparent url(/resources/akkelt/html/images/status.gif) no-repeat 0 0;
   width: 300px;
   height: 15px;
	background-color: red;	
}

#hsFormSmall #hsStatusIndicator img
{
   visibility: hidden;
   display: none;	
}

#hsFormSmall .hsFase1Div
{
   float: left;
}

#hsFormSmall .hsFase2Div
{
   float: left;
}


   #hsFormSmall .hsFaseBut#hsFase1But a,
   #hsFormSmall .hsFaseBut#hsFase2But a
      {
         display: block;
         text-decoration: none;
         color: #fff;
         font-weight: bold;
         padding: 3px 10px 30px 10px;
         background: #002d55;
			margin: 0 5px 0 0;
      }

   #hsFormSmall .hsFaseButActive#hsFase1But a,
   #hsFormSmall .hsFaseButActive#hsFase2But a
      {
         color: #002D55;
         font-weight: bold;
         padding: 3px 10px 30px 10px;
         background: #fff;
			display: block;
         text-decoration: none;
			border-top: 2px solid #002551;
			margin: 0 5px 0 0;
			}

   #hsFormSmall .hsFaseBut#hsFase1But a:hover,
   #hsFormSmall .hsFaseBut#hsFase2But a:hover
      {
         text-decoration: none;
         color: #a8b5ae;
      }

/*** fieldset styles ***/

#hsFormSmall fieldset#hsSet1
{
	height: 240px;
}

#hsFormSmall fieldset#hsSet2
{
	height: 555px;
}

#hsFormSmall fieldset#hsSet3
{
	height: 321px;
}



/*** form_content styles ***/

  #hsFormSmall .hsLine
   {
      padding: 2px 4px 2px 4px;
      width: 400px;
      margin: 1px 0;
   }
	
   #hsFormSmall .hsLine p
	{
		color: #777777;
		padding: 5px 0 0 5px;
		margin: 0;
      width: 400px;		
		
	}
	
	#hsFormSmall .hsLineMoreWidth 
	{
		float: left;
		width: 400px;
		border: 2px solid #262626;
		background-color: #fff;
		margin: 10px 0 10px 10px;
		padding: 5px 10px 10px 10px;
	}
	
#hsFormSmall .hsLineMoreWidth  h1,
#hsFormSmall .hsLineMoreWidth p
{
	width: 380px;
}

   #hsFormSmall .hsCheckBox
      {
         border: none;
			margin-top: 3px;
      }


    #hsFormSmall .hsRadioP p
      {
         padding: 8px 0 0 5px;
			margin: 0;
         display: block;
         height: 40px;
			color: #777777;
			width: 180px;
      }

      #hsFormSmall .hsRadio,
      #hsFormSmall .radio
      {
         border: none;
			padding: 0;
			margin: 0 10px 0 5px;
			width: 10px;
			
      }

      #hsFormSmall .hsRadioBut
      {
         background-color: transparent;
			width:200px;
			margin: 0;
			padding: 0;
			
      }

   #hsFormSmall #emptyP
      {
         background-color: #fff;
      }

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

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

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

   #hsFormSmall .hsBottomButtonsRight
      {
         float: right;
         margin-right: 20px;
      }

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

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

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

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

      #hsFormSmall .hsBottomButtons a:hover
            {
               float: left;
            }

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

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

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

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


#hsFormSmall .hsRightDiv p
{
   display: block;
   float: right;
   font: normal 9px/15px Verdana, Arial, Sans-serif;
   width: 80px;
   height: 15px;
   margin: 3px 0 3px 0;
   padding: 0 1px 1px 2px;
   border: 1px solid #969595;
   background-color: #efefef;
   color: #434242;
}


#hsFormSmall .hsErrorBg p
{
   color: red;
   margin-left: 4px;
 * margin-left: 2px;
	width: 380px;
	padding-bottom: 0;
	margin-bottom: 2px;
}


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

#hsFormSmall .hsHintanchorNoPr
{
   float: right;
}

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



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


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

#hsFormSmall .hsVerplichtUitleg
{
   float: left;
	width: 380px;
   margin: 30px 0 0 0;
}

	#hsFormSmall #hsFase2Div .hsLine h1
	{
		color: #005f99;
		padding: 5px 0 4px 6px;
		font: bold 11px Verdana, Times, Sans-serif;
		margin: 0;
	}