/* reset */


#relatieaanhef1
{
	font-size: 16px;
}

body {
text-align:left;
}

.mijnpaginadiv 
{
	float: left;
	width: 690px;
}

#bottomMp
{
	float: right; 
	background: transparent url(/resources/akkelt/html/images/mpBottomBg.gif) no-repeat 0 0; 
	margin-top: 0; 
*	margin-top: 0; 
	width: 700px; 
	height: 23px;
}

.hsMijnpagina fieldset
{
	border: none;
	width: 670px;
}

.hsMijnpagina div.tabContent 
{
	float: left;
	width: 698px;
	border: 1px solid #ccc;
	border-bottom: none;
}



/*******************************************************************
 LOGIN BLOCK
 ********************************************************************/
.loginblock
{
	width: 250px;
	margin-bottom: 20px;
}

#content .loginblock h2,
.content .loginblock h2,
.loginblock h2
{
	margin-top: 10px;
	font-size: 20px;
}

.loginblock input
{
	width: 180px;
}

.loginblock input.button
{
	width: auto;
}
/*******************************************************************
 LOGIN STAPPEN 
 ********************************************************************/

#rightcol li a
{
	line-height: 20px;
	text-decoration: underline;
}

#rightcol li a:hover
{
	color: #000;
}

.inlog_stappen
{
	width: 100%x;
}

#content h2,
#content .inlog_stappen h2,
.content .inlog_stappen h2,
.inlog_stappen h2
{
	margin-top: 10px;
	font-size: 20px;
	line-height: 24px;
}


.inlog_stappen h2 span
{
	font-size: 20px;
	color: #ccc;
	padding-left: 20px;
	background: transparent url(/resources/minisiteV3/images/msV3_arrow_big_gray.gif) no-repeat 5px 50%; 
}
.inlog_stappen label,
.inlog_stappen input
{
	width: 40%;
	display: block;
	float: left;
	margin-right: 2%;
	margin-top: 4px;
}

.inlog_stappen input.submit
{
	width: auto;
}

.inlog_stappen a.inloggen_stap1_button
{
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	font-weight: bold;
	padding: 5px 10px 5px 25px;
	display: block;
	border: 2px solid #ccc;
	text-decoration: none;
}

.inlog_stappen a.inloggen_stap1_button_ja
{
	background: #efefef url(/resources/minisiteV3/images/msV3_mandatoryfield_complete.gif) no-repeat 5px 50%; 
}

.inlog_stappen a.inloggen_stap1_button_nee
{
	background: #efefef url(/resources/minisiteV3/images/msV3_mandatoryfield.gif) no-repeat 5px 50%; 
}

.inlog_stappen a:hover.inloggen_stap1_button
{
	border: 2px solid #333;
}

.inlog_stappen .inloggen_stap2
{
	width: 100%;
}

.inlog_stappen .error_message
{
	color: red;
	clear: both;
}

.inlog_stappen .button
{
	font-weight: bold;
	padding: 0 10px 5px 20px;
	background: #efefef url(/resources/minisiteV3/images/msV3_arrow_big_gray_lighter.gif) no-repeat 3px 50%; 
	display: block;
	border: 2px solid #ccc;
	text-decoration: none;
	color: #000;
}

#content .a_melden,
.a_melden
{
	display: block;	
	width: 100%;
	padding-top: 10px;	
}


/* 
Instellingen minisites: kleuren en fonts 
*/

/****************************************************************************************************
algemeen
 *****************************************************************************************************/
a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, label, legend, li, p, select, span, table, td, textarea, th, tr, ul, ol,dl, dt, dd {
	font-family :  /*[#font#]*/Arial, Helvetica, sans-serif/*[#/font#]*/; 
}

body, p, li, dd, td, a, span, input
{
	font-size: 12px;	
}


/* ****************************************************************************************************
																	kleuren 
*****************************************************************************************************/
body
{
	color: /*[#fontcolor#]*/#000/*[#/fontcolor#]*/;
	background-color: /*[#bgcolorbody#]*/#fff/*[#/bgcolorbody#]*/;
}

/* standard anchor */

a, .interactionbox a
{
	color: /*[#anchorfont#]*/#000/*[#/anchorfont#]*/;
}

a:hover, .interactionbox a:hover
{
	color: /*[#anchorfonthover#]*/#444/*[#/anchorfonthover#]*/;
}

/* nav anchor */
.pakketfases li a,
#hsGeneralForm li.hsFaseBut a
{
	color: /*[#anchorfonthover#]*/#b2b2b2/*[#/anchorfonthover#]*/;
}

.pakketfases li a
{
	color: /*[#pakketfase_anchorfont#]*/#000/*[#/pakketfase_anchorfont#]*/;
}


.pakketfases li a:hover,
#hsGeneralForm li.hsFaseBut a:hover,
.pakketfases li
{
	color: /*[#anchorfont#]*/#000/*[#/anchorfont#]*/;
}


 
/* ****************************************************************************************************
														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#]*/#fff/*[#/bg3#]*/;	
}

#hsGeneralForm li.hsFaseButActive
{
	border-bottom: none;

}


#formwrapper,
#rightcol,
#contactadviseur
{
	background-color: /*[#bg2#]*/transparent/*[#/bg2#]*/;
}

#rightcol
{	
	border-top: none;
}

 #leftblock a
{
	border-bottom: 2px solid #999;														
}
 
.interactionbox a
{
	background-color: #e8e8e8;
	border-bottom: 2px solid /*[#border1#]*/#ccc/*[#/border1#]*/;
}

.interactionbox a:hover
{
	background-color: #fff;
}

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


#polisoverzicht a
{
	color: #894602;
}

.hsGeneralForm input.input_select{margin-top: 0;}