/* global style reset */
html, body, div, span, applet, object, 
iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, 
ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, dl, dt, dd, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td 					{ margin:0; padding:0; border:0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body 																							{ background:#fff; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:68.8%; /*62.5% = 10px | 68.8% = 11px | 75% = 12px*/ }
html 																							{ overflow-y: scroll; overflow-x: auto;}

/* layout styles */
#canvas																						{ width:960px; margin:11px auto 0 auto;}
#header																						{ background:url("../images/logo-dots.gif") no-repeat -32px 34px;}
#header img																				{ margin-left:-32px; padding:0; float:left; position:relative; top:-8px; z-index:10;}
#header #topnav																		{ width:100%; height:21px; overflow:hidden;}
#header #topnav	ul																{ float:right; list-style:none;}
#header #topnav ul li															{ float:left; margin-left:13px;}
/*#header #topnav ul li a														{ padding-right:20px; padding-left:8px; background:url("../images/icons/dot.gif") no-repeat right 5px;}*/
#header .redirect																	{ background:#FFFFFF url(../images/btn_mijnanwbbedrijven.jpg) no-repeat scroll left 0; float:right; height:33px; margin-top:4px; overflow:hidden; text-indent:-9999em; width:294px;}
#header #topnav ul li a														{ text-decoration:none; padding-left:12px; background:#fff url("../images/icons/arrow-back.gif") no-repeat left 5px;}
#header #topnav a.anwbhome												{ text-decoration:none; float:left; margin-left:178px; padding:0 8px 0 12px; background:#fff url("../images/icons/arrow-back.gif") no-repeat left 5px;}

/* navigation */
#navigation																				{ height:24px; font-size:1.28em; text-align:left; background:#ffd400 url("../images/nav-bg.gif") repeat-x left top; color:#002280; clear:both; position:relative; top:-23px;}
#navigation ul																		{ width:809px; height:22px; margin:3px 0 0 152px; list-style:none; position:relative; z-index:1;}
#navigation ul li																	{ float:left; margin:2px 8px 0 0;}

#navigation ul li span 														{ width:100%; height:100%; position:relative; z-index:-1;}
#navigation ul li a 															{ display:block; height:22px; margin-left:1px; background:url("../images/nav-buttons.gif") no-repeat 0 0; text-decoration:none;}
#navigation ul li a:hover 												{ text-decoration:none;}

#navigation ul li a.home 													{ width:65px; margin-left:0;}
#navigation ul li a.home:hover,
#navigation ul li.active a.home 									{ background-position:0 -22px;}
#navigation ul li a.what 													{ width:91px; background-position:-65px 0;}
#navigation ul li a.what:hover,
#navigation ul li.active a.what			 							{ background-position:-65px -22px;}
#navigation ul li a.who 													{ width:82px; background-position:-156px 0;}
#navigation ul li a.who:hover,
#navigation ul li.active a.who 										{ background-position:-156px -22px; }
#navigation ul li a.subscribe 										{ width:140px; background-position:-238px 0;}
#navigation ul li a.subscribe:hover,
#navigation ul li.active a.subscribe 							{ background-position:-238px -22px; }
#navigation ul li a.news 													{ width:74px; background-position:-378px 0;}
#navigation ul li a.news:hover,
#navigation ul li.active a.news 									{ background-position:-378px -22px; }
#navigation ul li a.faq 													{ width:155px; background-position:-452px 0;}
#navigation ul li a.faq:hover,
#navigation ul li.active a.faq 										{ background-position:-452px -22px; }

#navigation ul li a.bigbusiness 									{ width:112px; background-position:-607px 0;}
#navigation ul li a.bigbusiness:hover,
#navigation ul li.active a.bigbusiness 						{ background-position:-607px -22px; }

/* subnavigation */
#navigation ul li div															{ width:960px; height:24px; position:absolute; top:24px; left:-152px; background:url("../images/nav-sub-bg.gif") repeat-x left top; border-bottom:1px solid #ccc; color:#4b5d91;}
#navigation ul li span.right											{ width:3px; height:24px; background:url("../images/nav-sub-right.gif") no-repeat left bottom; position:absolute; top:0; right:0; z-index:100;}
#navigation ul li ul															{ height:24px; font-size:.65em; margin:0; padding:0 0 0 22px; background:url("../images/nav-sub-left.gif") no-repeat left bottom; overflow:hidden;}
#navigation ul li ul li														{ margin:0 20px 0 0; line-height:20px;}
#navigation ul li ul li.active,
#navigation ul li ul li.active a:hover						{ font-weight:bold;}

#navigation ul li ul li	a													{ background:url("../images/nav-sub.gif") no-repeat left top;}
#navigation ul li ul li	a.wegenwacht							{ width:167px; background-position:0 0;}
#navigation ul li ul li	a.wegenwacht:hover,
#navigation ul li ul li.active a.wegenwacht				{ background-position:0 -24px;}

#navigation ul li ul li	a.mobility								{ width:227px; background-position:-167px 0;}
#navigation ul li ul li	a.mobility:hover,
#navigation ul li ul li.active a.mobility					{ background-position:-167px -24px;}

#navigation ul li ul li	a.advantage								{ width:141px; background-position:-394px 0;}
#navigation ul li ul li	a.advantage:hover,
#navigation ul li ul li.active a.advantage				{ background-position:-394px -24px;}

#navigation ul li ul li	a.forms										{ width:71px; background-position:-535px 0;}
#navigation ul li ul li	a.forms:hover,
#navigation ul li ul li.active a.forms						{ background-position:-535px -24px;}

#navigation ul li ul li	a.insurance								{ width:69px; background-position:-607px 0;}
#navigation ul li ul li	a.insurance:hover,
#navigation ul li ul li.active a.insurance				{ background-position:-607px -24px;}

#navigation ul li ul li	a.travel									{ width:68px; background-position:-685px 0;}
#navigation ul li ul li	a.travel:hover,
#navigation ul li ul li.active a.travel						{ background-position:-685px -24px;}

#navigation ul li ul li	a.automotive							{ width:67px; background-position:-755px 0;}
#navigation ul li ul li	a.automotive:hover,
#navigation ul li ul li.active a.automotive				{ background-position:-755px -24px;}

#navigation ul li ul li	a.rental									{ width:115px; background-position:-825px 0;}
#navigation ul li ul li	a.rental:hover,
#navigation ul li ul li.active a.rental						{ background-position:-825px -24px;}

#navigation ul li ul li a.myanwb									{ width:160px; background-position:-939px 0;}
#navigation ul li ul li a.myanwb:hover,
#navigation ul li ul li.active a.myanwb						{ background-position:-939px -24px;}

#navigation ul li ul li	a:hover										{ font-weight:normal;}

/* content */
#content																					{ margin:35px 0 30px 0; overflow:hidden;}
#contentMain																			{ width:600px; margin-right:10px; padding:0 24px 0 11px; float:left;}
#contentSub																				{ width:309px; margin-left:6px; float:left;}

.homepage #content																{ margin-top:6px; clear:both;}
.homepage #content #contentMain										{ width:641px; padding:0; xposition:relative;}
.homepage #content #contentSub										{ margin:16px 0 0 0;}

/* footer */
#footer																						{ color:#7d7d7d; clear:both; margin-bottom:30px; font-size:.915em}
#footer ul																				{ list-style:none; overflow:hidden; margin-left:8px;}
#footer ul li																			{ float:left; border-left:1px solid #ccc; padding:0 8px;}
#footer ul li:first-child													{ border-left:none;}

/* rekenmodule */
.tabs																							{ color:#113082; list-style:none; float:left; margin:0 0 -1px 0; padding:0; position:relative; z-index:10;}
.tabs li																					{ width:150px; height:27px; float:left; margin:0 1px 0 0; background:#fff; text-indent:-9999em; overflow:hidden; border-bottom:1px solid #d1d1d1;}
.tabs li.first																		{ width:161px;}
.tabs li.last																			{ width:131px;}
.tabs li a																				{ display:block; width:100%; height:100%; }
.tabs li a.first																	{ background:url("../images/tab-kostenberekening.gif") no-repeat;}
.tabs li a.second																	{ background:url("../images/tab-kostenoverzicht.gif") no-repeat;}
.tabs li a.third																	{ background:url("../images/tab-gegevens.gif") no-repeat;}
.tabs li a.fourth																	{ background:url("../images/tab-producten.gif") no-repeat;}
.tabs li.active																		{ border-bottom:1px solid #E7E7E7;}
.tabs li.active a																	{ background-position:0 -27px; background-color:#e7e7e7;}

#rekenmodule																			{ width:563px; padding:15px; background:#e7e7e7; border:1px solid #ccc; float:left;}
#rekenmodule #main																{ width:325px; float:left;}
#rekenmodule #sub																	{ width:218px; padding:16px 0 0 15px; float:left;}

#rekenmodule a, #rekenmodule a:visited						{ text-decoration:underline;}
#rekenmodule .actionprice a { color: #F05A25; }
#rekenmodule input.text														{ /*color:#9b9b9b;*/ }

#rekenmodule #main table													{ border-collapse:collapse;}
#rekenmodule #main caption												{ color:#002381; padding-bottom:6px;}
#rekenmodule #main caption span										{ display:block; color:#000000; margin-top:3px; padding-bottom:6px;}
#rekenmodule #main th, #rekenmodule #main td			{ border-bottom:none;}
#rekenmodule #main th															{ padding-bottom:2px; padding-top:29px;}
#rekenmodule #main .first th											{ padding-top:0;}
#rekenmodule #main .title													{ color:#002381; sdmargin-bottom:-17px; padding-bottom:6px;}
#rekenmodule #main td															{ vertical-align:top; padding-top:3px; line-height:17px;}
#rekenmodule #main .enabled td  {background-color: #cfcfcf;}
#rekenmodule #main .price								 					{ padding-right:5px; white-space: nowrap;}
#rekenmodule #main .actionprice .price { color: #F05A25; font-weight: bold; }
#rekenmodule #main .title													{ color:#002381;font-weight:bold; }
#rekenmodule #main .input								 					{ width:55px; margin-bottom:3px;}
#rekenmodule #main table input.text								{ width:45px; padding:2px 4px; border:1px solid #9b9b9b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; float:left;}

/* kostenoverzicht */
#uitleg																						{ display:none;}
#rekenmodule #costoverview #main 			 						{ width:382px; margin-bottom:25px;}
#rekenmodule #costoverview #sub										{ width:176px; padding:42px 0 0 0;}

#rekenmodule #costoverview #main .price	 					{ padding-right:11px; text-align:right;}
#rekenmodule #costoverview #main .costs	 					{ padding-left:10px; border-left:1px solid #777;}
#rekenmodule #costoverview td					 						{ line-height:20px; padding:0;}

#rekenmodule #costoverview p					 						{ padding:0;}

#rekenmodule #costoverview tr.total		 						{ border-top:1px solid #777; border-collapse:separate;}
#rekenmodule #costoverview tr.total	th 						{ padding-top:10px;}

#rekenmodule a.subscribe													{ float:right; text-decoration:none;}
#rekenmodule .onderschrift												{ width:100%; margin-top:0px; clear:both; float:left;}
#rekenmodule .gegevens .onderschrift							{ margin-top:40px;}

#rekenmodule .onderschrift em											{ font-style:italic;}
#rekenmodule .onderschrift em.prijswijziging			{ float:left; clear:both; margin-top:15px; }

#rekenmodule .onderschrift a.btn									{ float:right; margin:-2px -5px 0 0; text-decoration:none;}
#rekenmodule .onderschrift a.save									{ float:right; margin-right:40px;}
#rekenmodule .onderschrift a.more									{ width:200px; margin-top:23px; background-position:0 5px; text-decoration:none;}
#rekenmodule .onderschrift a.next									{ margin-left:249px; margin-top:-15px;}

#rekenmodule .onderschrift .buttons								{ width:300px; margin-top:-15px; margin-left:20px; float:right; clear:both;}
#rekenmodule .onderschrift .buttons a.btn					{ float:left; margin:-2px -5px 0 0; text-decoration:none;}
#rekenmodule .onderschrift .buttons a.save				{ }
#rekenmodule .onderschrift .buttons a.subscribe		{ margin-left:20px;}
#rekenmodule .onderschrift .buttons a.more				{ float:left; text-decoration:none; background-position:0 5px;}

#rekenmodule #sub .info														{ color:#777; border:1px solid #9b9b9b; background:#fff; line-height:20px; padding:10px;}
#rekenmodule #sub .info h2, 
#rekenmodule #sub .info span											{ color:#002381;}
#rekenmodule #sub .info p													{ line-height:20px; margin-top:0;}

#rekenmodule #save																{ display:block; overflow:hidden; margin-bottom:20px; }
#rekenmodule #save h2															{ color:#002381; font-weight:normal;}
#rekenmodule #save a.btn													{ float:right; margin:20px 138px 0 0; text-decoration:none;}

/* gegevensformulier */
#rekenmodule .field																{ float:left;}
#rekenmodule .field label													{ float:left; width:10em; margin-top:5px;}
#rekenmodule .field span													{ color:#777;}

#rekenmodule .gegevens														{ margin-bottom:30px; overflow:hidden;}
#rekenmodule .gegevens .field											{ width:100%;}
#rekenmodule .gegevens .field.radiogroup					{ margin-bottom:20px;}
#rekenmodule .gegevens .field.radiogroup label		{ color:#000; width:auto; clear:none; float:none;}
#rekenmodule .gegevens .field label								{ width:270px;}
#rekenmodule .field span.rbl  { color: #000; }
#rekenmodule .field .rbl label                    {width: auto; }
#rekenmodule .field .rbl input {float:left; margin: 4px;}
#rekenmodule .field .rbl br {display:none;}
#rekenmodule .gegevens .field input.text					{ width:217px;}
#rekenmodule .gegevens .field.small input.text		{ width:73px;}

#rekenmodule .gegevens .field.checkboxgroup				{ width:292px; float:right; margin:16px 0;}
#rekenmodule .gegevens .field.checkboxgroup	.checkbox { color:#000;}
#rekenmodule .gegevens .field.checkboxgroup input	{ float:left; margin-right:5px;}
#rekenmodule .gegevens .field.checkboxgroup label	{ width:auto; display:block; float:left; margin-top:3px;}

#rekenmodule .gegevens .radiogroup								{ width:100%; float:left; padding-top:20px;}
#rekenmodule .gegevens .group											{ margin-top:-15px; float:left;}
#rekenmodule .gegevens .radiogroup .field					{ width:292px; float:right; color:#000;}
#rekenmodule .gegevens .radiogroup .field	label		{ width:45px; float:left; margin:7px 0 4px 0; display:block;}
#rekenmodule .gegevens .radiogroup .field	input		{ float:left; margin-top:.5em;}
#rekenmodule .gegevens .radiogroup input.text			{ width:160px; margin:4px -234px 0 0; float:right;}

#rekenmodule .gegevens .payment										{ padding-bottom:6px;}
#rekenmodule .gegevens .payment span							{ float:left; color:#000;}
#rekenmodule .gegevens .payment label.main				{ width:270px; margin-left:0;}
#rekenmodule .gegevens .payment label							{ width:auto; margin:3px 15px 0 0;}
#rekenmodule .gegevens .payment input							{ float:left;}
#rekenmodule .gegevens .payment .radios						{ margin-left:-20px;}

#rekenmodule .gegevens a.btn											{ float:right; text-decoration:none;}

#rekenmodule input.text														{ width:301px; border:1px solid #a5a5a5; margin-bottom:2px; padding:2px 4px;}

/* errors */
#rekenmodule #main table input.error							{ color:#f00; border:1px solid #f00;}
#rekenmodule #main table span.error		 						{ color:#f00;}
#rekenmodule .field span.error										{ color:#f00;}
#rekenmodule .field input.text.error							{ color:#f00; border:1px solid #f00;}
#rekenmodule .group .field span.error							{ display:block; color:#f00; margin:7px 0 0 10px; float:left;}
#rekenmodule .group .field label.error,
#rekenmodule .radiogroup .error										{ color:#f00;}
#rekenmodule #save .field span.error							{ margin:0;}

#rekenmodule .gegevens .error											{ color:#f00;}
#rekenmodule .gegevens input.error								{ border:1px solid #f00;}

#rekenmodule .gegevens .geenlid										{ display:block; float:left; position: relative;}
#rekenmodule .gegevens .correspondentie						{ display:block; float:left;}

/* overzicht van auto's */
#rekenmodule .autogegevens												{ width:100%; clear:both; float:left; margin-bottom:40px;}
#rekenmodule .gegevens .autogegevens .radiogroup	{ margin-top:-3px; padding-top:0;}
#rekenmodule .gegevens .autogegevens .column.kenteken				{ width:175px;}
#rekenmodule .gegevens .autogegevens .column				{ width:192px; float:left;}
#rekenmodule .gegevens .autogegevens .column .field	{ margin-bottom:10px;}
#rekenmodule .gegevens .autogegevens .column .field	label { width:auto;}

#rekenmodule .gegevens .autogegevens .radiogroup								{ margin-top:0;}
#rekenmodule .gegevens .autogegevens .radiogroup .field 				{ width:100%; margin:-4px 0 12px 0;}
#rekenmodule .gegevens .autogegevens .radiogroup label 					{ width:auto; float:none; padding-left:22px;}
#rekenmodule .gegevens .autogegevens .radiogroup .field	input.radio	{ margin-top:5px;}

#rekenmodule .gegevens .column input.text					{ width:90px;}
#rekenmodule .gegevens .column input.checkbox			{ float:left; margin-right:5px;}
#rekenmodule .gegevens .column label							{ width:auto; margin-top:2px; float:none; display:block;}
#rekenmodule .gegevens .column.kenteken label			{ font-weight:bold; margin-bottom:5px;}
#rekenmodule .gegevens .column h2									{ margin-bottom:13px;}

#rekenmodule .gegevens .column.radiogoup .field		{ width:auto;}
#rekenmodule .gegevens .column.radiogoup label		{ display:inline;}

#rekenmodule .gegevens .specialoptions						{ width:397px; margin-top:10px; float:right;}
#rekenmodule .gegevens .specialoptions label 			{ margin-top:2px;}
#rekenmodule .gegevens .specialoptions .field			{ margin-bottom:10px;}

#rekenmodule .gegevens a.more											{ float:left; background-position:0 5px; text-decoration:none;}

/* clearfix */
div.block:after 																	{ display:block; height:0; visibility: hidden; clear:both; content: ".";}
#container:after,
.clearfix:after 																	{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix			 																		{ display: block;}
	/* Regular clearing- apply to column that should drop below previous ones. */
	.clear 																					{ clear:both; overflow:hidden; height:0;}

.overlaymember a
{
    position: absolute;
    right: 0px;
    top: 0px;
    color: #ffffff;
}

.overlaymember a:hover, .overlaymember a:visited
{
    color: #fff;
}
.overlaymember
{background-color:#FFFFFF;
border:1px solid #ccc;
height:60px;
position:absolute;
top:0;
z-index:100; padding: 5px; }

.overlaymember a.normal
{
    position: relative;
    color: #000;
}

.overlaymember a.normal:hover, .overlaymember a.normal:visited
{
    color: #000;
}