/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
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;
}
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
th, td { vertical-align:top; }
img { display:block; border:none; }
input, textarea, select { font-family:Verdana, Arial, Helvetica, sans-serif; }
a { text-decoration:none; }
/* ++++++++++++++++++++ End RESET TAGS ++++++++++++++++++++ */
@font-face {
	font-family: MyHelvetica;
	src: local("Helvetica Neue"),
				local("HelveticaNeue"),
				url(/assets/fonts/MgOpenModernaRegular.ttf);
}
@font-face {
	font-family: MyHelveticaBold;
	src: local("Helvetica Neue Bold"),
				local("HelveticaNeue-Bold"),
				url(/assets/fonts/MgOpenModernaBold.ttf);
}

body {
	background:#e7eeec;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:62.5%;
	color:#333;
}

body.consumenten #main-content h1, 
	body.consumenten .downloads ul li h3, 
	body.consumenten .contact-cols p strong, 
	body.consumenten .sidebar ul.main-nav ul li.active a, 
	body.consumenten .content p a, 
	body.consumenten .sidebar ul.main-nav li a:hover, 
	body.consumenten .sidebar ul.main-nav li.open ul li.active li a:hover, 
	body.consumenten .option-links ul li a:hover, 
	body.consumenten .triggers a:hover strong, 
	body.consumenten .product-header a.back:hover, 
	body.consumenten a.more:hover, 
	body.consumenten .teasers ul li a.more:hover,
	#sitemap .sitemap-footer .consumer a:hover,
	.content p.consumer a,
	.content .product a { color:#ec8600; }
.mobiliteit .content .product a {
	color: #3c88bb;
}
body.consumenten .header a.logo { background-image:url(/../img/logo-orange.gif); }
body.consumenten .sidebar ul.main-nav li a { background-position:0 -391px; }
body.consumenten .sidebar ul.main-nav ul ul { background-position:0 -593px; }
body.consumenten .content input.verstuur { background-position:0 -200px; }
body.consumenten input.verstuur:hover { background-position:0 -300px; }
body.consumenten .sidebar input.verstuur:hover { background-position:0 -200px; }
body.consumenten .option-links ul li a { background-position:-4px -397px; }
body.consumenten .triggers a strong { background-position:100% -398px; }
body.consumenten a.klikhier { background-position:0 -200px; }
body.consumenten a.klikhier:hover { background-position:0 -300px; }
body.consumenten a.more { background-position:-2px -389px; }
body.consumenten .teasers ul li a.more { background-position: -2px -388px; }
body.consumenten .product-header a.back { background-position:0 -98px; }
body.consumenten .error { border-color:#f18c01; }

.page-container {
	width: 1008px;
	margin: 0 auto;
	padding: 49px 0 240px;
	position: relative;
}

#site-nav {
	width:1008px;
	overflow:hidden;
	padding:0 0 10px;
	background:url(../img/site-nav-bg.gif) 0 100% no-repeat;
}
	#site-nav ul {
		float:left;
		overflow:hidden;
		margin-left:24px;
	}
		#site-nav ul li {
			display:block; 
			float:left;
		}
			#site-nav ul li a {
				display:block; 
				text-indent:-9999px;
				float:left;		
				width:92px;
				height:30px;
				margin-right:1px;
				font-family: "MyHelveticaBold", Helvetica, Arial, sans-serif;
				font-size:1.2em;
				color:#fff;
				background:url(../img/site-nav.gif) 0 -200px no-repeat;
			}
			#site-nav ul li.consumer a {
				width:195px;
				background-position:0 0;
			}
				#site-nav ul li a:hover {
					background-position:0 -300px;
				}
					#site-nav ul li.consumer a:hover {
						background-position:0 -100px;
					}
				
		#site-nav ul.dealer-nav {
			float:right;
			width:auto;
			margin-right:10px;
		}
			#site-nav ul.dealer-nav li {
				margin:6px -1px 0 0;
				padding-right:10px;
				border-right:1px solid #ccc;
			}
				#site-nav ul.dealer-nav li a {
					width:auto;
					height:auto;
					padding-left:10px;
					text-indent:0;
					text-transform:uppercase;
					color:#333;
					background:none 0 0 no-repeat;
				}

	
#main-content {
	width:1008px;
	overflow:hidden;
	background: url(../img/main-content-bg.gif) 0 0 repeat-y;
}

	.content h1 {
		margin:26px 20px 0 0;
		font-family: "MyHelveticaBold", Helvetica, Arial, sans-serif;
		font-size:2.2em;
		color:#048ab7;
		letter-spacing:0.04em;
	}
		.home .content h1 {
			margin-top:34px;
			color:#3d3d3d;
		}

	.sidebar h2, 
	.content h2 {
		margin:0 20px 10px 0;
		padding-top:20px;
		font-family: "MyHelvetica", Helvetica, Arial, sans-serif;
		font-size:1.9em;
		line-height:1.3;
		letter-spacing:0.02em;
	}
		.content h2.subtitle {	
			padding-top:0;
			margin:8px 20px 40px 0;
		}
			.home .content h2.subtitle {
				margin:8px 20px 12px 0;
			}
	.sidebar h3, 
	.content h3 {
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6;
	}
	.sidebar p, 
	.sidebar li, 
	.content p, 
	.content li {
		font-size:1.1em;
		line-height:1.6;
	}
	.sidebar p {
		margin:0 20px 0 0;
	}
	.content p {
		margin:0 20px 20px 0;
	}
		.home .content p {
			margin:0 70px 15px 0;
		}
		.content p strong {
			font-weight:bold;
		}
		.content p em {
			font-style:italic;
		}
		.content p a { 
			font-weight:bold; 
			color:#048ab7;
		}
			.content p a:hover {
				text-decoration:underline; 
			}
			
		.content .product a {
			font-weight: bold; 
		}
			
		.sidebar li li, 
		.content li li { font-size:1em; }
		
	.divider {
		height:3px;
		margin-bottom:10px;
		background: url(../img/double-line.gif) 0 0 no-repeat;
	}
		.divider hr {
			display:none;
		}
		
	a.more {
		display:block;
		width:634px;		
		margin-bottom:15px;
		padding:10px 0 10px 15px;
		font-family: "MyHelvetica", Helvetica, Arial, sans-serif;
		font-size:1.2em;
		color:#333;
		border-bottom:1px solid #dbe1df;
		background: url(../img/arrow-nav.gif) -2px 11px no-repeat;
	}
		a.more:hover {
			color:#048ab7;
		}
	
	a.button {
		display:block;
		text-indent:-9999px;
		width:96px;
		height:21px;
		margin-bottom:30px;
	}
		a.klikhier {
			background:url(../img/btn-klikhier.gif) 0 0 no-repeat;
		}
			a.klikhier:hover {
				background-position:0 -100px;
			}
		a.mobiliteit {
			width: 106px;
			background: url(../img/btn-mobiliteit.gif) 0 0 no-repeat;
		}
			a.mobiliteit:hover {
				background-position:0 -100px;
			}
		a.consumenten {
			width:201px;
			background:url(../img/btn-consumenten.gif) 0 0 no-repeat;
		}
			a.consumenten:hover {
				background-position:0 -100px;
			}
		
	.content form {
		width:302px;
		padding:20px 0;
	}
	.sidebar form {
		padding:0;
	}
	
		.sidebar form br, 
		.content form br {
			clear:both;
		}
		
	.sidebar label, 
	.content label {
		display:block;
		padding:0 0 6px;
		font-weight:bold;
		font-size:1.1em;
	}
	.input {
		width:298px;
		overflow:hidden;
		margin-bottom:6px;
		padding:0 2px 4px 0;
		border:1px solid #d3d9d7;
		background:url(../img/input-bg.gif) 100% 100% no-repeat;
	}
	.input input, 
	.input textarea {
		float:left;
		width:280px;
		margin-top:0;
		padding:5px 8px 1px 8px;
		border:0;
		font-size:1.1em;
		background:url(../img/input-bg.gif) 0 0 no-repeat;
	}
		.error {
			border-color:#048ab7;
		}
			
		.sidebar .input {
			width:236px;
			margin-bottom:4px;
		}
			.sidebar .input input, 
			.sidebar .input textarea {
				width:218px;
			}
			
	input.button {
		float:right;
		display:block;
		text-indent:-9999px;
		width:96px;
		height:21px;
		margin-top:4px;
		border:0;
		cursor: pointer;
	}
	
		input.verstuur {
			background:url(../img/btn-verstuur.gif) 0 0 no-repeat;
		}
			input.verstuur:hover {
				background-position:0 -100px;
				cursor:pointer;
			}
		
		.sidebar input.verstuur {
			width:97px;
			height:22px;
			background:url(../img/btn-sidebar-verstuur.gif) 0 0 no-repeat;
		}
			.sidebar input.verstuur:hover {
				background-position:0 -100px;
				cursor:pointer;
			}
	
	.sidebar select,
	.content select { 
		margin-bottom:4px;
		font-size:1.1em;
		border:1px solid #d3d9d7;
		background-color:#f0f4f3;
	}
	.sidebar select { 
		width:237px;
	}
	.content select {
		width:302px;
	}
	

.header {
	width:960px;
	overflow:hidden;
	padding:0 24px 11px;
}
	.header a.logo-blue {
		float:left;
		display:block;
		text-indent:-9999px;
		width:288px;
		height:290px;
		background:url(../img/logo-blue.gif) 0 0 no-repeat;
	}
    .header a.logo-orange {
		float:left;
		display:block;
		text-indent:-9999px;
		width:288px;
		height:290px;
		background:url(../img/logo-orange.gif) 0 0 no-repeat;
	}
	.header #header-container {
		float: left;
		display: block;
		width: 672px;
		height: 290px;
		overflow: hidden;
	}
		.header #flash-header {
			width: 672px;
			height: 290px;
			display: block;
		}
	
.content {
	float:right;
	width:652px;
	margin:0 24px 20px 0;
	padding:6px 0 0 20px;
	background: url(../img/content-bg.gif) 0 0 repeat-x;
}

	.breadcrumbs {
		width:650px;
		overflow:hidden;
	}
		.breadcrumbs li {
			float:left;
			display:block;
			margin-left:-8px;
		}
			.breadcrumbs li a {
				float:left;
				display:block;
				padding:0 14px 0 8px;
				color:#666;
				background:url(../img/arrow-breadcrumb.gif) 0 7px no-repeat;
			}
				.breadcrumbs li a:hover {
					color:#a8a8a8;
				}
			
	.product-preview {
		width:634px;
		overflow:hidden;
		padding-top:15px;
		background: url(../img/double-line.gif) 0 0 repeat-x;
	}
		.product-preview img {
			float:right;
			margin-left:60px;
		}

	.product-header {
		width:634px;
		overflow:hidden;
		margin-bottom:12px;
	}
		.product-header h2 {
			float:left;
			margin-bottom:0;
			padding-top:8px;
		}
		.product-header a.back {
			float:right;
			margin-top:13px;
			padding-left:15px;
			font-family: "MyHelvetica", Helvetica, Arial, sans-serif;
			font-size:1.2em;
			color:#333;
			background: url(../img/arrow-back.gif) 0 2px no-repeat;
		}
			.product-header a.back:hover {
				color:#048ab7;
			}
		
	.product {
		width:634px;
		overflow:hidden;
		padding:10px 0 3px;
		border-top:1px solid #dbe1df;
		border-bottom:1px solid #dbe1df;
	}
		.product .visuals {
			float:left;
			width:245px;
			text-align:center;
		}
		.product img {
			margin:0 auto 10px;
			border:5px solid #dae0de;
		}
			.product img.logo {
				margin-top: 28px;
				margin-bottom: 20px;
				border: 0;
				display: inline;
			}
		.product .thumbs {
            float: left;
            width: 254px;
            overflow: hidden;
			clear: left;
        }
            .product .thumbs a {
                float: left;
                margin-bottom: 10px;
                margin-right: 10px;
        		border: 5px solid #dae0de;
        		position: relative;
				width: 107px;
            }
            .product .thumbs a img {
            	border: 0;
			}
			.product .thumbs a span {
				display: block;
				width: 95px;
			 	overflow: hidden;
				position: absolute;
				bottom: 0;
				font-weight: normal;
				color: white;
				font-size: 10px;
				padding: 4px 6px;
				cursor: pointer;
				background: url(../img/black-transparent.png);
			}
        .product .logo {
            /* float: left; */
            margin-top:-20px;
        }
        
        .product ul {
			float: right;
			width: 350px;
			overflow: hidden;
		}
			.product ul li {
				margin-top: -1px;
				padding: 7px 0 8px;
				border-top: 1px solid #dbe1df;
			}


	.tool-panel {
		width:634px;
		margin-bottom:30px;
		padding-top:28px;
		border-top:1px solid #dbe1df;
	}
		.tool-panel h2 {
			margin:0;
			padding:13px 20px 5px;
			color:#fff;
			background: url(../img/toolpanel-h2.gif) 0 0 no-repeat;		
		}
		.tool-panel form {
			width:634px;
			padding-top:0;
			border-top:1px solid #dbe1df;
			background: url(../img/toolpanel-bg.gif) 0 100% no-repeat;
		}
			.tool-panel .row {
				margin:0 5px;
				border-bottom:1px solid #dbe1df;
				background:#f2f6f5;
			}
			.tool-panel .odd {
				background:#fff;
			}
			.tool-panel label {
				float:left;
				width:353px;
				margin-top:12px;
				padding-left:15px;
			}
			.tool-panel select {
				margin-top:10px;
				margin-bottom:10px;
				width:237px;
			}
            
            .tool-panel h3 {
                margin:0;
                padding:13px 20px 5px;
                color:#ff0000;
            }
				.tool-panel input.artikelen {
					width:136px;
					margin:18px 20px 5px;
					background-image:url(../img/btn-artikelen.gif);
				}
					.tool-panel input.artikelen:hover {
						background-position:0 -100px;					
					}
		

	.teasers {
		width:634px;
		margin:0 0 10px;
		padding-top:13px;
		background: url(../img/double-line.gif) 0 0 repeat-x;
	}
		.teasers ul li {
			width:634px;
			overflow:hidden;
			padding:0 0 13px;
			margin-bottom:10px;
			font-size:1em; 
			background: url(../img/double-line.gif) 0 100% repeat-x;
		}
			.teasers ul li img {
				float:left;
				margin-right:18px;
				border:5px solid #dae0de;
			}
			.teasers ul li h3 {
				font-family: "MyHelvetica", Helvetica, Arial, sans-serif;
				font-size:1.8em;
				font-weight:normal;
			}
			.teasers ul li p {
				margin-bottom:10px;
			}
			.teasers ul li a.more {	
				display:inline;
				width:auto;
				margin-bottom:0;
				color:#4b4b4b;
				border:0;
				background-position: -2px 12px;
			}
				.teasers ul li a.more:hover {
					color:#048ab7;
				}
	
	.downloads {
		width:634px;
		margin:0 0 30px;
		padding-top:13px;
		background: url(../img/double-line.gif) 0 0 repeat-x;
	}
		.downloads ul li {
			width:634px;
			overflow:hidden;
			margin-bottom:10px;
			font-size:1em;
			background:#f3f7f6;
		}
			.downloads ul li div.info {
				float:left;
				width:510px;
				margin:12px 0 0 10px;
			}
				.downloads ul li h3 {
					margin-bottom:10px;
					text-transform:uppercase;
					font-family: "MyHelveticaBold", Helvetica, Arial, sans-serif;
					font-size:1.2em;
					font-weight:normal;
					color:#048ab7;			
				}
				.downloads ul li p {
				}
			.downloads ul li a {
				float:right;
				display:block;
				text-indent:-9999px;
				width:63px;
				height:113px;
				background:url(../img/btn-pdf.gif) 0 0 no-repeat;
			}
				.downloads ul li a:hover {
					background-position:0 -113px;
				}


	.triggers {
		width:652px;
		overflow:hidden;
		margin:0 0 30px;
		padding-top:13px;
		background: url(../img/double-line.gif) 0 0 no-repeat;
	}
		.triggers ul li {
			display:inline;
			font-size:1em;
		}
			.triggers a {
				float:left;
				display:block;
				margin-right:17px;
				padding-bottom:10px;
				border-bottom:1px solid #e7eeec;
			}
				.triggers a img {
					margin-bottom:12px;
					border:5px solid #dae0de;
				}
				.triggers a strong {
					padding-right:15px;
					text-transform:uppercase;
					font-family: "MyHelveticaBold", Helvetica, Arial, sans-serif;
					font-size:1.2em;
					color:#4b4b4b;
					background: url(../img/arrow-nav.gif) 100% 2px no-repeat;
				}
					.triggers a:hover strong {					
						color:#048ab7;
					}


	.contact-cols {
		width:634px;
		overflow:hidden;
		padding-bottom:20px;
		margin-bottom:20px;
		background: url(../img/double-line.gif) 0 100% repeat-x;
	}
		.contact-cols h2 {
			padding:0 0 20px;
			margin:8px 0 20px;
			background: url(../img/double-line.gif) 0 100% repeat-x;
		}
		.contact-cols p {
			float:left;
			width:317px;
			margin:0;
		}
			.contact-cols p strong {
				font-weight:bold;
				color:#048ab7;
			}
			.contact-cols p a {
				color:#333;
			}
				.contact-cols p a:hover {
					color:#048ab7;
				}
		

	.google-map {
		width:612px;
		margin-bottom:20px;
		padding:10px;
		border:1px solid #dbe1df;
		background-color:#fff;
	}


	.option-links {
		width:634px;
		overflow:hidden;
		margin-bottom:10px;
		background: url(../img/double-line.gif) 0 100% repeat-x;
	}
		.option-links ul {
			width:644px;
			overflow:hidden;
			margin-left:-10px;
			padding:12px 0;
			background: url(../img/double-line.gif) 0 0 repeat-x;
		}
			.option-links ul li {
				display:block;
				float:left;
				padding:0 10px;
				font-size:1em;
				border-left:1px solid #dbe1df;
			}
				.option-links ul li a {
					display:block;
					float:left;
					padding-left:10px;
					text-transform:uppercase;
					font-family: "MyHelveticaBold", Helvetica, Arial, sans-serif;
					font-size:1.2em;
					color:#333;
					background: url(../img/arrow-nav.gif) -4px 3px no-repeat;
				}
					.option-links ul li a:hover {
						color:#048ab7;
					}
            
        .dealers .row {
                padding: 10px 0 10px 0;
                font-family: "MyHelvetica", Helvetica, Arial, sans-serif;
				font-size:1.2em;
				border-bottom:1px solid #dbe1df;
                background:#f2f6f5;
			}
			.dealers .odd {
                 padding: 10px 0 10px 0;
                font-family: "MyHelvetica", Helvetica, Arial, sans-serif;
				font-size:1.2em;
				background:#fff;
			}
					
.sidebar {
	clear:left;
	float:left;
	width:240px;
	margin:48px 0 40px 42px;
}
	.sidebar ul.main-nav {
		width:240px;
		overflow:hidden;
		margin-bottom:80px;
		border-bottom:1px solid #dbe1df;
	}
		.sidebar ul.main-nav li {
			clear:left;
			margin-top:-1px;
			font-family: "MyHelvetica", Helvetica, Arial, sans-serif;
			font-size:1.2em;
			border-top:1px solid #dbe1df;
		}
			.sidebar ul.main-nav li a {
				display:block;
				padding:6px 0 6px 15px;
				font-family: "MyHelveticaBold", Helvetica, Arial, sans-serif;
				text-transform:uppercase;
				color:#333;
				background:url(../img/arrow-nav.gif) 0 9px no-repeat;
			}
				.sidebar ul.main-nav li a:hover { 
					color:#048ab7;
				}
			.sidebar ul.main-nav ul {
			}
				.sidebar ul.main-nav ul li {
					clear:left;
					margin-top:0;
					font-size:1em;
					border:0;
				}
					.sidebar ul.main-nav ul li a {
						float: left;
						clear: left;
						padding: 0 10px 5px 15px;
						font-family: "MyHelvetica", Helvetica, Arial, sans-serif;
						text-transform: none;
						font-weight: normal;
						background: none;
					}
						.sidebar ul.main-nav ul li.active a {
							color: #048ab7;
						}
						
						.sidebar .open .open a {
							background: url("../img/arrow-nav.gif") no-repeat scroll 100% -592px transparent !important;
							padding-right: 16px;
						}
							.mobiliteit .sidebar .open .open a {
								background-position: 100% -193px !important;
							}
						.sidebar .open .open ul {
							clear: left;
							background: none;
							margin-left: 28px;
						}
								.sidebar ul.main-nav ul ul li a {
									float: none;
									padding-right: 0;
									padding-left: 0;
								}
									.sidebar .open .open ul a {
										background: none !important;
									}
									.sidebar ul.main-nav li.open ul li.active li a {
										color: #333;
									}
										.sidebar ul.main-nav li.open ul li.active li a:hover {
											color: #048ab7;
										}
										
	.sidebar h2 {
		padding:0 0 8px;
		margin:0 0 8px;
		background: url(../img/double-line.gif) 0 100% repeat-x;
	}
	.quick-nav {
		margin-bottom:80px;
	}
	
	.sign-up {
		width:240px;
		overflow:hidden;
		margin-bottom:20px;
		padding-bottom:10px;
		background: url(../img/double-line.gif) 0 100% repeat-x;
	}
		.sign-up p {
			margin:20px 0 10px;
		}

	
#footer {
	min-height:43px;
	width:750px;
	overflow:hidden;
	padding:12px 0 0 258px;
	font-family: "MyHelvetica", Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#fff;
	letter-spacing:0.02em;
	background: url(../img/footer-bg.gif) 0 100% no-repeat;
}

	#footer * {
		float:left;
		line-height:0.8;
	}
	#footer a {
		color:#fff;
	}
	#footer span.divider {
		display:block;
		width:1px;
		height:7px;
		text-indent:-9999px;
		margin:1px 8px;
		color:#333;
		background:#4b4b4b;
	}

#sitemap {
	position: absolute;
	bottom: 30px;
}
	#sitemap .sitemap-footer {
		min-height: 43px;
		width: 1008px;
		overflow: hidden;
		padding: 0 0 28px 38px;
		font-weight: bold;
		letter-spacing: 0.02em;
		line-height: 1.8;
		background: url(../img/footer-sitemap-bg.gif) 0 100% no-repeat;
	}
		#sitemap .sitemap-footer h2 {
			font-weight:normal;
			font-size:1.6em;
			line-height:1.3;
			color:#333;
			padding:4px 0 10px 0;
		}
		#sitemap .sitemap-footer .column {
			width: 240px;
			float:left;
		}
		#sitemap .sitemap-footer a {
			color:#000;
		}
		
		#sitemap .sitemap-footer ul.m {
			margin-top: 35px;
		}
		
		#sitemap .sitemap-footer a:hover {
		   color: #048ab7;
		}
		
	#sitemap .sitemap-nav {
		width:1008px;
		overflow:hidden;
		padding:0 0 10px;
		background:url(../img/site-nav-bg.gif) 0 100% no-repeat;
	}