/* -------------------------------------------------
	Version	:	1.0
	Author	:	Acato
	Email	:	info@acato.nl, gijs@acato.nl
	Website	:	http://www.acato.nl, www.acato.nu
	Client	:	Autotrust (http://www.autotrust.nl)
---------------------------------------------------- */
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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing:0; margin:16px 0;}
caption, th, td {text-align:left; font-weight:normal; padding:5px; vertical-align:middle;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* END GLOBAL RESET ----------------------------------------------------------- */	

html {background-color:#fff; }
body {font-size:69%; font-family: Arial, Helvetica, sans-serif; color:#333; text-align:left;}
* html body {line-height:1.45em;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, li, fieldset, address { margin:0; padding:0; background-color:transparent; }
img 	{border:0; margin-bottom:20px;}
input 	{border:0;}

h1, h2, h3, h4, h5, h6 { font-family:"Arial",  Helvetica, sans-serif; margin:0; padding:0; position:relative; }	
h1 {font-size:44px; margin-bottom:50px; color:#72AC2C; line-height:52px;}
.contentpage h1 {font-size:40px; margin:15px 0; color:#202020; font-weight:bold; min-height:20px;}
h2 {font-size:16px; margin-bottom:10px; font-weight:bold; min-height:20px;}
.contentpage #content-col h2 {font-size:16px; margin:8px 0; color:#72AC2C; line-height:12px; font-weight:bold; text-transform:none !important;}
h3 {font-size:14px; margin:0 0 0 12px; color:#202020; font-weight:bold; text-transform:uppercase; min-height:20px;}
.contentpage #content-col h3 {font-size:14px; margin:8px 0; color:#72AC2C; line-height:12px; font-weight:bold; text-transform:none !important;}
h4 {font-size:12px; font-weight:bold; color:#202020; margin:0; padding:0;}
h5 {font-size:100%;}
h6 {font-size:90%;}

p.subtitle { margin-left: 12px; }

ul						{margin-bottom:20px; padding:0; font-size:12px; line-height:20px;}
/*ul li					{margin:0; padding:0; background:url(../img/li-bullit.gif) no-repeat 0 6px; padding-left:10px;}*/

strong 					{font-weight:bold; color:#333;}
small  					{color:#333; font-size:12px; display: block; float: left; font-weight: bold;}
q, blockquote q 		{font-size:112%; font-weight:bold; line-height:1.3em;}
p 						{color:#333; margin-bottom:16px; font-size:12px;}

a 						{color:#333; text-decoration:none; font-size:12px;}
a:hover 				{color:#72AC2C; text-decoration:underline;}
a:active				{color:#72AC2C; text-decoration:none;}

#outer-wrapper	 		{width:976px; margin:0 auto; padding:0; background:url(../img/bg-menu.png) no-repeat left top;}
#bg-repeater			{width:976px; margin:0; padding:0; background:url(../img/bg-repeater.gif) repeat-y 0 0;  }

/*HEADER*/
#header					{
	width:				946px; 
	height:				125px; 
	background:			url(../img/header.gif) no-repeat right top; 
	margin-left:		10px;
	padding-left:	30px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#0C2634;
}
#header img {
	margin:			0;
}
div.garantie-header h1 { margin: 0; }
div.garantie-header {
	margin-top:	20px;
	margin-bottom: 10px;
}

/*CONTENT*/
#left-col				{width:252px; float:left; margin:35px 0 0 20px;}
/*NAV*/
#nav					{padding-left:13px; margin-top:4px; width:205px; }
#nav ul					{margin-bottom:35px;}
#nav li					{width:205px; background:none; padding-left:0; line-height:1.6em; color:#202020;}
#nav li	a				{padding-left:15px; margin:0; background:url(../img/bullit.gif) no-repeat 0 5px; display:block; zoom:1;}
#nav li	a:hover			{margin:0; background:#A1A1A1; color:#FFF; text-decoration:none; }
#nav li	a.current		{margin:0; background:#72AC2C; color:#FFF; text-decoration:none; }
#content-col			{position: relative; width:550px; float:left; border-top:7px solid #72AC2C;}
#content-innercol		{width:440px; position:relative; padding-bottom:50px;}
.sub-header				{font-weight:bold;}
#innercol-left			{margin-top:30px; width:261px; float:left; }

#innercol {
	float: left;
	margin-top: 30px;
	width: 300px;
	height: 350px;
	z-index:1;
	}

#innercol h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1E1E1E;
	line-height: 24px;
	font-weight: bolder;
	margin-bottom: 0;
	}

#content-col #innercol #sellingpoints ul {
	margin-top: 0;
	}

#content-col #innercol #sellingpoints li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1E1E1E;
	background-image: url(../img/vink.png);
	background-repeat:no-repeat;
	padding-left: 40px;
	width: 200px;
	margin-top: 10px;
	}

#rightCol {
	position: absolute;
	margin-left: 250px;
	margin-top: -25px;
	width:312px;
	height: 432px;
	z-index:10;
	zoom: 1;
	}

*+html #rightCol {
	margin-left: -50px;
	}

.plate-bg + input {
	float: right;
	margin-right: 10px;
	}

#line {
	position: absolute;
	margin-top:20px;
	z-index: 20;
	width: 543px;
	height:10px;
	zoom: 1;
	}

#leftSubCol {
	float: left;
	width: 250px;
	margin-top: 40px;
	}

#leftSubCol p {
	line-height: 18px;
	}

#leftSubCol h3 {
	margin-left: 0;
	}

#rightSubCol {
	float: right;
	width: 265px;
	margin-top: 40px;
	margin-right: 10px;
	}

#block {
	background-image: url(../img/bg_block2.png);
	background-repeat:no-repeat;
	padding: 0  5px 5px;
	background-position: left bottom;
	background-color: #eee;
	margin-top: 16px;
	padding-top: 5px;
}
#block table {
	margin-bottom: 5px;
	margin-top: 0px;
	}
#block + table {
	margin-top: 0;
	}

#block th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: ##2D2D2D;
	}

#block td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: ##2D2D2D;
	}

#block .total {
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #000;
	}

#block .totalPrice {
	font-size: 14px;
	font-weight: bold;
	color: #F00;
	border-top: 1px solid #000;
	}

#directBerekening {
	clear: both;
	width: 540px;
	margin-bottom: 100px;
	}

#directBerekening h3 {
	margin: 0;
	}

#directBerekening p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	}

#directBerekening table {
	margin: 0;
	}

#cirkel {
	background-image: url(../img/cirkel.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	padding-left: 10px;
	}

#besparingTekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	vertical-align:middle;
	}

#vink {
	padding-top: 20px;
	}


#aankondiging {
	position: absolute;
	margin-left: 250px;
	margin-top: 170px;
	z-index: 30;
	}

*+html #aankondiging {
	margin-left: -50px;
	}

.moreInfo {
	text-align: right;
	vertical-align:text-top;
	padding-right: 20px;
	}

.moreInfo a {
	text-decoration: underline;
	}

#businessLogin {
	width: 153px;
	text-align: center;
	margin-top: 10px;
	margin-left:10px;
	}

#businessLogin span 
{
    display:block;
    text-indent: -3000px; 
	width: 134px;
	height: 32px;
	background-image:url(../img/zakelijk_login.png);
	background-repeat:no-repeat;
	border: 0;
	background-color: transparent;
	}

#businessLogin span:hover {
		background-image:url(../img/zakelijk_login_hover.png);
	background-repeat:no-repeat;
	}


#innercol-right			{margin-top:30px; width:261px; float:left; margin-left:20px; }
#calculate-box			{width:256px; height:271px; background:url(../img/border-box.gif) no-repeat 0 0; padding-top:10px; margin-bottom:30px; text-align:center;}
#calculate-box img		{margin-bottom:6px;}
#calculate-box a		{display:block; text-decoration:underline; font-weight:bold; margin:2px 0 0 0; }
#calculate-box h3		{margin:18px; font-size:15px; line-height:23px; text-transform:none;}
#calculate-box .h2		{padding: 0 10px 0 10px; text-align: left;}
#calculate-box .h2 h2		{font-size: 20px;}
	
#flickering_cursor {
	background: url(../img/flickering_cursor.gif) 0 0 no-repeat;
	height: 3px;
	width: 14px;
	position: absolute;
	top: 0;
	margin: 40px 0 0 46px;
}

#plate-form				{width:237px; height:58px; margin:0 auto; position: relative;}
#plate-form	.plate-bg	{background:url(../img/plate-bg.png) no-repeat 0 0; font-size:36px; height:48px; padding:8px 0 0 40px; text-transform:uppercase; width:194px;}
#plate-form .check-field-btn  {background:url(../img/btn_berekennu.png) no-repeat 0 0; height:50px; margin-top:5px; padding:0; width:130px; cursor:pointer;}
#plate-form .check-field-btn:hover  {background:url(../img/btn_berekennu_hover.png) no-repeat 0 0;height:50px; margin-top:5px; padding:0; width:130px; cursor:pointer;}



#directBerekening .check-field-btn  {background:url(../img/btn_berekennu.png) no-repeat 0 0; padding:0; width:130px; cursor:pointer;}
#directBerekening .check-field-btn:hover  {background:url(../img/btn_berekennu_hover.png) no-repeat 0 0; padding:0; width:130px; cursor:pointer;}

#directBerekening input {
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform:uppercase;
	}

#directBerekening input[type='submit'] {
	border: 0;
	height: 50px;
	}

#text {
	text-align: left;
	width: 200px;
	margin: 0px auto;
	padding: 6px 0 0 0;
}
#benefits				{width:246px; padding:5px; margin-bottom:10px; background:#7CB023 url(../img/benefits-box.gif) repeat-x 0 0;}
#benefits h3			{margin:0; padding:10px 0 10px 43px; color:#FFFFFF; font-size:16px;}
#benefits li			{padding-left:30px; margin-bottom:26px; height:21px; background:transparent url(../img/benefits-bullit.gif) no-repeat 0 0; font-weight:bold; color:#fff;}
#benefits ul			{margin-left:15px;}
#breadcrumbs  			{padding:0; margin:5px 0 0 0;}
#breadcrumbs li 		{display:inline; margin:0; padding:0; background:none;}
#breadcrumbs li a.first	{background:transparent none; padding:0; color:#333;}
#breadcrumbs li a		{background:transparent url(../img/breadcrumb-arrow.gif) no-repeat 0 4px; padding-left:12px; font-size:11px; color:#72AC2C;}
#checks					{padding:0; margin:12px 0 40px;}
#checks li 				{background:transparent url(../img/check-icon.gif) no-repeat 0 3px; padding-left:20px; font-size:11px;}
#balloon				{background:transparent url(../img/balloon.png) no-repeat 0 0; padding:0; margin:-140px 0 0 250px; position:absolute; width:120px; height:120px;}

#specifications			{padding:0; margin:12px 0 70px 0;}
#specifications	li		{padding:0 6px 0 7px; margin:0; background:transparent url(../img/li-devider.gif) no-repeat 0 2px; float:left; }
#specifications	.first	{padding-left:0px; background: transparent; }
#specifications	li a	{font-size:11px; font-weight:bold; text-decoration:none; cursor:pointer; text-align:left;}
#specifications	li a.current					{background:url(../img/corner-left.gif) no-repeat top left; color:#fff; display:block; height: 27px;}
#specifications	li a.current .corner-left		{background:url(../img/corner-right.gif) no-repeat top right; display:block; height: 27px; padding:0 5px; }
#specifications	li a.current .green-arrow		{background:url(../img/green-arrow.gif) no-repeat bottom center; display:block;  height: 27px;}
#specifications	li a:hover						{background:url(../img/corner-left.gif) no-repeat top left; color:#fff; display:block; height: 27px; text-decoration:none;}
#specifications	li a:hover .corner-left			{background:url(../img/corner-right.gif) no-repeat top right; display:block; height: 27px; padding:0 5px;}
#specifications	li a:hover .green-arrow			{background:url(../img/green-arrow.gif) no-repeat bottom center; display:block;  height:27px;}

.ab							{background:url(../img/ab-left.gif) repeat-y 0 0; padding-left:12px;}
.ab p						{font-style:italic; margin:20px 0;}
.read-more					{background:url(../img/bullit-read-more.gif) no-repeat 0 3px; padding-left:15px;}	
.stats	tr td				{border-bottom:1px solid #ccc; color:#696969; font-weight:bold;}
.cell-left					{width:280px;}
.cell-devider				{width:80px;}
.topcell					{background:#E7F2D4; font-weight:bold;}
.attention-box				{background:#F4F4F4 url(../img/at-box-tl.gif) no-repeat top left; position:relative; padding:0; margin:0;}
.attention-box .tip-list	{display:inline; margin-right:20px; color:#202020; text-transform:uppercase; font-weight:bold; font-size:14px;}
.attention-box .tips		{display:inline; color:#72AC2C; font-weight:bold;}
.attention-box ul			{margin-bottom:0;}
.attention-box li			{background:none;}
.attention-box .at-box-bl	{background:url(../img/at-box-bl.gif) no-repeat bottom left; display:block;}
.attention-box .at-box-tr	{background:url(../img/at-box-tr.gif) no-repeat top right; display:block;}
.attention-box .at-box-br	{background:url(../img/at-box-br.gif) no-repeat bottom right; display:block; padding:10px; margin:16px 0;}

.img-holder				{width:112px; height:96px; float:left; margin:0 10px 10px 0;}
.date					{font-size:11px; color:#72AC2C; margin:0 0 10px 0; padding:0;}
#right-col				{width:153px; float:left; z-index:1;}
#right-col .partners	{color:#FFF; padding:0; display:block; margin:20px 0 6px 16px;}
.at-box					{width:135px; background:#fff url(../img/ab-tl.gif) no-repeat top left; margin:50px auto 0 auto;}
.at-box img				{border-bottom:1px solid #E5EFD3; margin-bottom:5px; padding-bottom:5px;}
.at-box.addition		{margin:0 auto;}
.at-box	h3				{margin:0; padding:0; font-size:14px; font-weight:bold; line-height:20px; width:130px;}
.question-icon			{width:42px; height:42px; position:absolute; background:#fff url(../img/question-icon.gif) no-repeat 0 0; margin:-15px 0 0 115px; padding:0;}
.at-bl					{background:url(../img/ab-bl.gif) no-repeat bottom left; display:block;}
.at-tr					{background:url(../img/ab-tr.gif) no-repeat top right; display:block;}
.at-br					{background:url(../img/ab-br.gif) no-repeat bottom right; display:block; padding:9px;}
.at-box .check-field	{width:109px; height:24px; padding:4px; background:#fff url(../img/check-field.gif) no-repeat 0 0; margin:0 auto;}
.at-box .check-field input	{width:102px; height:18px; padding:3px; }
.at-box .check-field-btn{width:104px; height:36px; padding:0; background:#fff url(../img/check-field-btn.png) no-repeat 0 0; margin:10px 0 0 5px; cursor:pointer;}

#phone-side {
	margin-top:			44px;
}

/*FOOTER*/
#footer					{width:976px; height:50px; margin:0 auto; border-top:7px solid #72AC2C;}

#footer	p				{padding:2px 0 3px 25px; margin-top:10px; background:url(../img/footer-icon.gif) no-repeat 0 0; font-size:11px; color:#72AC2C;}
#footer	p a				{font-size:11px; color:#72AC2C; text-decoration:underline;}
#footer	p a:hover		{text-decoration:none;}
.clearer 				{clear:both; zoom:1; line-height: 0; font-size: 0; }
.skiplink 				{display: none;}

a.btnpdf {
	height:				29px;
	cursor: 			pointer;
	display:            block;
	float: 				right;
}

span.btnpdf_left {
	height:				29px;
	width: 				116px;
	float: 				left;	
	background: url('../img/btnpdf_left.jpg');
	background-repeat: no-repeat;
	background-position: top left;		
}

span.btnpdf_middle {
	height:				29px;
	line-height:		29px;
	float: 				left;	
	background: 		url('../img/btnpdf_middle.jpg');
	background-repeat: 	repeat-x;
	background-position: top;
	color				: #FFFFFF;
	font-weight: bold;
}

span.btnpdf_middle, span.btnpdf_middle:hover {
	text-decoration:	none;
}

span.btnpdf_right {
	height:				29px;
	width:				21px;
	float: 				left;	
	background: 		url('../img/btnpdf_right.jpg');
	background-repeat: 	no-repeat;
	background-position: top left;	
}
    
.cb_online {
	background: url(../img/chat-banner.gif) 0px 0px no-repeat;
	width: 142px;
	height: 149px;
	position: relative;
	margin: 7px auto 55px auto;
}
.cb_online a {
    display: block;
	padding: 110px 0 0 45px;
	color: #FFF;
}