@charset "utf-8";
/* CSS Document voor CC Products */
/* Datum: juli 2007 */
/* Formaat: Screen */

img { behavior: url(http://www.ccproducts.nl/iepngfix.htc) }

/* Globals
===========================================================================*/
* { margin:0; padding:0; } /* Needed for IE because they can't handle the reset standard */

body, html { color:#000; }
body { min-width:850px; }

	body.homepage { background:url(../images/backgrounds/body-bg.gif) repeat-x; }
	body.followups { background:url(../images/backgrounds/body-bg-vervolg.gif) repeat-x; }
	p {  line-height:150%; padding-bottom:17px;}
	/*img { border:0; }*/
	div#wrapper { 
		width:850px; 
		margin:0 auto; 
		font: 12px 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; 
	}

a { 
	color: #c00; 
	text-decoration: none; 
}
a:focus, a:hover, a:active { 
	color: #017ac3; 
	text-decoration: underline; 
}

a.white { 
	text-decoration:underline; 
	color:#fff; 
}
a.white:hover { 
	text-decoration:none; 
}

/* Header
===========================================================================*/
div#header { 
	position:relative; 
	height:134px; 
	background:url(../images/backgrounds/header-bg.gif) no-repeat right 28px; 
}

	div#header #logo { 
		position:absolute; 
		top:19px; 
		left:26px; 
	}
	
	/* Navigatie */
	div#header ul { 
		position:absolute; 
		right:0; 
		top:106px;
	}
	
		html>body div#header ul { top: 104px; }
		*:first-child+html  div#header ul { top: 106px; }
	
		div#header ul li { 
			display:inline; 
			text-transform:uppercase; 
			font-weight:bold; 
			font-size:0.9em;
		}
		
			div#header ul li a, div#header ul li a:visited { 
				color:#017ac3; 
				text-decoration:none; 
				line-height:28px; 
				padding:10px; 
			}

			div#header ul li a:hover {
				color: #017ac3; 
				background:#d0e4f2; 
				padding:10px 10px 9px 10px; 
				text-decoration:none!important; 
			}
			
			div#header ul li.current a { 
				color: #fff!important; 
				background:#c00; 
				padding:10px; 
				border-bottom: 2px solid #c00; 
			}
			
			div#header ul li.current a:hover  {
				color: #fff;
				text-decoration: underline;
				background:#c00;
			}

/* Unique selling points en afbeelding 
===========================================================================*/
div#usp-image { 
	height:328px; 
	position:relative; 
}

	div#usp-image #sellingpoints { 
		width:410px; 
		height:232px; 
		top:34px; 
		right:0; 
		position:absolute;
	}
	
	div#usp-image #slide { 
		width:500px; 
		height:320px; 
		margin-top:10px;
		padding: 0;
	}

		div#usp-image #slide img { 
			top: 0;
			left: 0;
		}

/* Content 
===========================================================================*/
div#content { padding:8px 10px 50px 10px; }
	div#content .titles { 
		display:block; 
		margin-bottom:30px; 
	}
	
	div#content .image-right { 
		float:right; 
		padding:1px; 
		border:1px solid #c00; 
		margin-left: 40px; 
	}
	
	div#content .image-left { 
		float:left; 
		padding:1px; 
		border:1px solid #c00; 
		margin: 10px 10px 5px 0; 
	}
	
	div#content .image-rightNoBorder { float:right; margin-left:40px; }
	div#content .image-leftNoBorder { float:left; margin:0 20px 5px 0; }
	
	#image-redbar { 
		height:145px; 
		width:362px; 
		margin:0 0 5px 60px; 
	}
	
	div#wrap-floats { 
		display:block; 
		overflow: hidden; 
		height:1%;
	}
	.background-grey { background:url(../images/backgrounds/bg-grijs-content.gif) right repeat-y; }
		
		
		/* Content linkerkant */
		div#content-left { 
			float:left; 
			width:555px; 
			padding-right:25px; 
		}
		
			div#content-left ul.content-list { 
				border-bottom:1px solid #ececec; 
				padding-bottom:10px; 
				margin-bottom:12px; 
			}
			
			div#content-left ul.content-list li { 
				background:url(../images/bullets/list-item.gif) no-repeat 0 3px; 
				padding:0 0 6px 12px; 
			}

		#contVoertuig ul li, #contNews ul li { 
			background:url(../images/bullets/list-item.gif) no-repeat 0 3px; 
			padding:0 0 6px 12px; 
		}
		
		ul#downloads li, ul#downloads li a { 
			background:url(../images/bullets/list-item.gif) no-repeat 0 3px; 
			margin: 5px 0 0; 
			padding:0 0 6px 12px; 
		}
			
		ul.choose-product { 
			width:180px; 
			float:left; 
			margin:10px 5px 0 0; 
			display:inline; 
		}
		
			ul.choose-product li { 
				background:#e5e5e5!important; 
				display:inline; 
				float:left; 
				width:180px; 
			}
			
			ul.choose-product li a { 
				display:block; 
				font-size:1em; 
				padding:15px 7px 5px 7px; 
				color: #c00!important;
				text-decoration: none!important; 
			}
			
			.no-margin { 
				margin:0!important; 
				float:left; 
				margin:10px 0 0 0!important; 
			}
			
			ul.choose-product li a:visited { color:#c00!important; }
			ul.choose-product li a:visited:hover { color:#fff!important; }
			
			ul.choose-product li a:hover { 
				display: block;
				background:#c00; 
				color: #fff!important; 
			}
			
			ul.choose-product a span { 
				line-height: 140%; 
				display:block; 
				font-weight:normal; 
				color:#e5e5e5; 
				margin:4px 0; 
			}
			
			ul.choose-product li.clean-margin { 
				margin:10px 0 0 0; 
			}
		
		#content-lists { 
			margin-top: 10px; 
			width: 555px; 
			overflow: hidden;
		}
		
			#content-lists h4 { 
				color: #017ac3; 
				padding-bottom:10px; 
			}
			
			h4.referenties { 
				color: #017ac3; 
				padding-bottom:10px; 
			}
			
			#content-lists #referenties { 
				width:532px; 
				border:1px solid #dbe7ef; 
				background:#f2f8fc; 
				float:left; 
				margin: 5px 0 15px; 
				padding:10px 10px 13px 10px; 
			}
			
			#content-lists #referenties .refer-left { 
				float: left; 
			}

				#content-lists #referenties .refer-left span { 
					float: left; 
					width: 150px; 
					color: #999;
				}
			
			#content-lists #referenties .refer-right { 
				float: right; 
				position: relative; 
				left: -20px; 
			}
			
			#content-lists #nieuws { 
				width:185px; 
				border:1px solid #dbe7ef; 
				background:#f2f8fc; 
				float:left; 
				padding:10px; 
				margin-left:5px; 
			}
			
				#content-lists ul li { 
					background:url(../images/bullets/list-item.gif) no-repeat 0 3px; 
					padding:0 0 6px 12px; 
				}
				
				#content-lists ul li a, #content-lists ul li a:visited { 
					text-decoration:none; 
					color:#000; 
					overflow: hidden; 
				}
				
				#content-lists ul li a:hover { 
					color:#c00; 
					text-decoration: underline; 
				}

				#content-lists ul li a:hover span { 
					text-decoration:underline; 
					color:#c00; 
				}
				

		/* Content rechterkant */
		div#content-right { 
			float:left; 
			width:250px; 
		}
		
			div#content-right .image-right { margin: 0 0 15px; }
			
			div#content-right ul.content-list { 
				border-bottom:1px solid #d6d6d6; 
				padding:0 10px 10px 10px; 
				margin:0 10px; 
			}
			
			div#content-right ul.content-list li { 
				background:url(../images/bullets/list-item.gif) no-repeat 0 3px; 
				padding:0 0 6px 12px; 
			}
			
				div#content-right ul.content-list li a { 
					color:#666; 
					text-decoration:none; 
				}
				
					div#content-right ul.content-list li a:hover, div#content-right ul.content-list li a:visited:hover { color:#c00; }
		
		div#content-right h2 { 
			color:#017ac3; 
			padding:20px 0 10px 20px; 
		}

		div#content-right .foto {
			border: 1px solid #c00; 
			margin: 5px 0 0 5px; 
		}
		
/* Footer 
===========================================================================*/
div#wrap-footer { 
	background: #017ac3 url(../images/backgrounds/footer-bg.gif) repeat-x; 
	font: 12px 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; 
}
	div#footer { 
		height: 175px;  
		color: #fff;  
		width:850px; 
		margin:0 auto; 
	}
	 
		div#footer .footerLeft {
			float: left;
			width: 530px;
		}

		div#footer .footerRight {
			float: right;
			width: 300px;
		}
	
		div#footer ul { 
			width:530px; 
			margin: 10px 0 0 17px;
			z-index:11; 
		}
		
			div#footer ul li { 
				display:inline; 
				text-transform:uppercase; 
				font-size:10px; 
			}
				
				div#footer ul li a { 
					color:#fff; 
					text-decoration:none; 
					padding:5px 4px; 
					background:#1b88c9; 
					float:left; 
					margin-right:2px; 
				}
				
					div#footer ul li.last a { padding:5px 30px 5px 10px; }
					div#footer ul li a:hover  { background: #49a0d4; }

		div#footer p#copyright { 
			padding:20px 0 0 17px; 
			font-size: 0.9em;
		}
		
		div#footer address { 
			height: 135px; 
			padding:20px 0 20px 80px; 
			line-height: 150%; 
			background:url(../images/backgrounds/footer-logo.gif) no-repeat 29px 0; 
			font-style:normal; 
			z-index:10; 
		}
		
		div#footer .tel { padding-left:15px; }
		div#footer .fax { padding-left:12px; }

/* Content styling
===========================================================================*/

#back {
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0 0;
	padding: 10px 0 0;
	background: url(../images/backgrounds/streep.gif) repeat-x;
}

.streep { 
	width: 100%;
	height: 5px;
	margin: 10px 0 10px 0;
	background: url(../images/backgrounds/streep.gif) repeat-x;
}

.donker { padding:3px; background: #f5f5f5;}
.licht { padding:3px; background: #FFF;}
	
ul#news {
	list-style: none;
}

	ul#news li, #newsVehicles li {
		float:left;
		width: 100%;
	}

#news span, #newsVehicles span {
	float: left;
	color: #999999;
	width: 110px;
	margin-right: 5px;
}

.headline {
	margin-bottom: 10px;	
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;	
	border-bottom: 1px solid #ececec;
}

.datum { 
	margin-bottom: 10px;	
	width: 100%;
	font-size: 11px;
	color: #ccc;
}

th[scope] { padding-bottom: 5px; text-align: left; font-weight: bold; }
td[scope] { padding: 3px; }

#contAccessoires ol {
	margin-left: 20px;
}

#contAccessoires ol li {
	margin: 2px 0;
	list-style: decimal;
}

	#contAccessoires ol li ol li {
		list-style-type: none;
		padding-left: 10px;
		background: url(../images/backgrounds/list_streep.gif) left 8px no-repeat;
	}

/*#contAccessoires ul li { background:url(../images/bullets/list-item.gif) no-repeat 0 3px; padding-left: 15px; }*/

#voertuigRef tr.highlight { 
	background-color: #d6d6d6;
	cursor: pointer;
}

	#voertuigRef td a {
		color: #000;
		text-decoration: none;
	}
	
		#voertuigRef td a:hover, #voertuigRef .highlight a {
			color: #C00;
			text-decoration: underline;
		}