@charset "utf-8";
/* CSS Document */

/* ----------(  GENERAL  )---------------- */

	* {
		padding:0;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	
	html {
		scrollbar-face-color:#7F7474;
		scrollbar-highlight-color:#655553;
		scrollbar-3dlight-color:#655553;
		scrollbar-darkshadow-color:#655553;
		scrollbar-shadow-color:#655553;
		scrollbar-arrow-color:#7F7474;
		scrollbar-track-color:#655553;
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
	}	
	
	body {
		border-top:1px solid #E51005;
		font: 12px Tahoma,Helvetica,Arial,sans-serif;
		color:#666666;
		background: #FFF;		
	}
	
	p {
		margin:0 0 8px 0;
		text-align:justify;
		line-height:18px;
	}
	
	blockquote {
		margin-left: 40px;
	}
	
	a {
		outline:none;
		color:#666666;
	}
	
	a img { 
		border: 0; 
	}	

	
/* ----------(  HEADINGS  )---------------- */

	.bericht {
		text-align:center;
		color:#E51005;
		padding: 5px;
		border: 1px solid #E51005;
		background-color: #FF9;
		font-size: 18px;
		}

	h2 {
		height:24px;
		margin:10px 0 50px 0;
		display:block;
		overflow:hidden;
		text-indent:-9000px;
	}
	
	h1 {
		color:#E51005;
		font-size:15px;
		font-weight:bold;
		line-height:normal;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0px;
		margin-left: 0;
	}		
	
	h3 {
		color:#E51005;
		font-size:12px;
		font-weight:bold;
		line-height:normal;
		margin-top: 0px;
		margin-right: 0;
		margin-bottom: 5px;
		margin-left: 0;
	}	
	
	h3 span {
		font-size:10px;
	}		

/* -------(  FORCE SCROLLBAR IN FX/SF  )------- */
	html { 
		min-height: 100%; 
		margin-bottom: 1px; 
	}
	
/* ----------(  MAIN LAYOUT  )---------------- */

	#wrapper {
		background:#fff url(/images/layout/background.gif) repeat-x 0px 0px;
		width: 100%;	/* forcing layout for IE7 (IE6 works fine) ... buggy browser! */
	}	
	
	#siteWrap {
		margin: 0 auto;
		width: 1000px;
	}
	
	#header{
		position: relative;
	}		
	
	#siteLogo {
		width:250px;
		height:353px;
		float:left;
	}	
	
/* ----------(  NAV  )---------------- */

	#nav {
		float:right;
		display:inline;
	}
	
	#nav li {
		display:inline;
	}
	
	#nav li a {
		width:100px;
		height:33px;
		display:block;
		float:left;
		text-align:center;
		text-decoration:none;
		color:#FFFFFF;
		line-height:30px;
	}	
	
	body#b_aanbiedingen #navAanbiedingen, 	
	body#b_home #navHome, 
	body#b_myq #navMyQ, 
	body#b_mytransport #navMyTransport, 	
	body#b_contact #navContact,
	body#b_mytransport #navMyTransport,		
	body#b_transport #navTransport,	
	body#b_faq #navFAQ,
	body#b_route #navRoute,
	body#b_vacature #navVacature {		
		background-image:url(/images/layout/navButtonBack.gif);
		background-repeat:repeat-x;
	}
	
	#nav li a:hover, 
	#nav li a.selected {
		background:#E51005;
		text-decoration:none;
	}
	
	body#b_aanbiedingen #navAanbiedingen:hover, 	
	body#b_home #navHome:hover, 
	body#b_myq #navMyQ:hover, 
	body#b_contact #navContact:hover {
		text-decoration:none;
	}	
	
/* ----------(  FLASHHEADERSTUFF  )---------------- */

	#secondaryHeader {
		width:750px;
		height:200px;
		float:left;
	}
	
	html>body #flashcontent {
		float:right;
		text-align:center;
		color:#000000;
		width: 735px;
		height: 290px;
		background-image:url(/images/layout/flashheader.gif);
		padding-left: 15px;
	}
	.flashContentText{
		display:block;
		padding:135px 0 0 0;
	}
	
	#flashDetails {
		width:750px;
		height:30px;
		background-color:#FFFFFF;
		line-height:30px;
		float:right;
	}		
	
	#sitemap {
		width:80px;
		height:30px;
		display:block;
		float:left;
		background-color:#E51005;
		text-align:center;
		line-height:26px;
		color:#ffffff;
		text-decoration:none;
	}		
	
	#flashDetails dl {
		height:30px;
	}
	
	#flashDetails dt {
		display:block;
		float:left;
		margin:0 4px 0 15px;
		font-weight:bold;
		color:#E51005;
	}
	
	#flashDetails dd {
		display:block;
		float:left;
	}
	
	#login {
		width: auto;
		float:left;
		margin-bottom: 30px;
	}
		
	#registreer {
		width: auto;
		float:left;
		margin-right: 20px;
		text-align: justify;
	}	
	
	div#registreer a {
		display: inline;
		text-decoration:none;
		
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #333333;
	}
	
	div#registreer a:hover, 
	div#registreer a.active {
		color:#E51005;	
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #E51005;
	}			
		
	#breadcrumbs {
		width: auto;
		float:left;
		line-height:26px;		
		margin-left:20px;
	}	
	
	#talen {
		width:auto;
		float:right;
		margin-right: 10px;
	}	
	div#talen .vlag {
	padding: 0px;
	border: 1px solid #333;
	}
	
/* ----------(  CONTENT  )---------------- */

	#topbar {	
		width: 950px;
		height: 50px;
		float:left;
		padding-top: 15px;
		padding-bottom: 0;
		padding-left: 30px;		
	}

	#topbar-links {
	width:215px;
	float: left;
	height:40px;
	margin-right: 5px;
	}
	
	#topbar-rechts {
		height:40px;
		padding-left: 20px;
	}	

	#sideBar {	
		line-height:20px;	
		width:200px;
		float:left;
		padding-top: 15px;
		padding-bottom: 0;
		padding-left: 30px;		
	}
	#sideBar dl {
	}
	#sideBar dt {
		width: 50px;
		display:block;
		float:left;
		margin-top: 0;
		margin-right: 4px;
		margin-bottom: 0;
		margin-left: 0px;
	}
	
	#sideBar dd {
		width: 110px;	
		display:block;
		float:left;
	}		
	#rsideBar {
		line-height:20px;
				
		width:200px;
		height:500px;
		float:right;
		padding-top: 15px;
		padding-bottom: 0;
		padding-left: 10px;
	}	

	#content {
		width:750px;
		float:left;
		padding-top: 15px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 18px;
		text-align: justify;
	}
	
	#content p {
		margin-bottom: 20px;
	}
	
	#content a {
		color:#E51005;
	}
	
	#content ul {
		margin:0 0 8px 0;
		list-style-position:inside;
	}
	
	#content li {
		line-height: 20px;
	}				
	
/* ----------(  FOOTER  )---------------- */

	#footer {
		height:auto;
		clear:left;
		background-image:url(/images/layout/dottedLine.gif);
		background-position:top;
		background-repeat:repeat-x;
	}
	
	#footer {
	color:#666666;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	
	#footer a{
		color:#E51005;
	}
	
	#footer p{
		width:1000px;
		height:23px;
		margin:0 auto;
	}
	
	.footerText{
		margin:0 0 0 345px;
		float:left;
		font-size: 10px;
	}
		
	#contactBar ul, #content, #sideBar{
	padding-bottom:5px;
	}
		
/* ----------( FORMS ) -------------------- */

	form {
		margin: 0;
	}
	select {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		color: #868686;
		font-size: 0.9em;
	}	
	input {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		color: #666666;
		padding: 2px;
		font-size: 0.9em;
	}	
	#loginButton {
		width:80px;
		height:20px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		color: #868686;
		font-size: 0.8em;
		border: 0px;
		background-color: white;
		border: 1px solid #999999;
		font-weight: bold;
		padding: 1px;
		cursor: pointer;
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#DFDFDF');
	}	
	.highlighted {
		color: #E51005;
		font-weight: bolder;
	}

/* ----------( LOGINFORM ) -------------------- */
	
	#loginForm {
		width:190px;
		float:left;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0;
		padding-left: 0px;
	}	
	#loginForm fieldset {
		border:0;
	}	
	#loginForm img {
		margin-bottom:15px;
	}		
	#loginForm label {
		width:190px;
		display:block;
		float:left;
		color:#666666;
		padding-bottom: 5px;
	}		
	#loginForm label input {		
		width:190px;	
		height:15px;

		display:block;
		float:left;
		color:#000000;
		margin-top:5px;
		padding-top: 5px;		
	}	
	
/* ----------( CONTACTFORM ) -------------------- */
	
	#contactForm {
		width:750px;
		float:left;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0;
		padding-left: 0px;
	}	
	#contactForm fieldset {
		border:0;
	}	
	#contactForm img {
		margin-bottom:15px;
	}		
	#contactForm label {
		width:186px;
		display:block;
		float:left;
		color:#666666;
		padding-bottom: 5px;
	}		
	#contactForm label input {		
		width:170px;	
		height:15px;
		color:#666666;
		background-color:#DDD;
		border:0px;
		display:block;
		float:left;
		color:#000000;
		margin-top:5px;
		padding-top: 5px;		
	}
	#contactForm label select {
		width:170px;	
		height:23px;
		color:#666666;
		background-color:#DDD;
		border:0px;
		display:block;
		float:left;
		color:#000000;
		margin-top:5px;	
		padding-bottom:3px;
	}	
	#contactForm div#merken, #contactForm div#offdealer, #contactForm div#stock {
		width:120px;	
		float: left;
	}		
	#contactForm div#mailing {
		width:240px;	
		float: left;
	}		
	
/* EOF */