/*	-------------------------------------------
	 MAIN 
	-----------------------------------------*/
html{
	height: 100%;
}

body{
	background: #ffffff;
	background-image: url('../../images/bg_whitegrad.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	
	/*font: 10pt/17pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif, Verdana, Tahoma;
	font-size: 9pt;
	line-height: 160%;
	color: #5f5f5f;
	
	padding-top: 20px;
	padding-bottom: 20px;
	background-attachment: fixed;		
}


#container{
	margin: auto;
	width: 855px;
	text-align: left;
	height: 100%;
}

#header{
	background-repeat: no-repeat;
	margin-bottom: 1px;
	text-align: right;
	padding-bottom: 111px;
	background-position: bottom;
	background-image: url('../../images/header_logo.gif');
}


#menuNLpub, #menuNLpro, #menuFRpub,#menuFRpro{
   margin-right: 3px;
   background: #bc1515;
   height: 20px;

   font-family: Verdana, Arial, sans-serif;
   font-size: 11px; 
   line-height: 1.166;	  
   
   text-align: left; 
}

/* adjust these values to ensure centering of menu elements */
#menuNLpub{
	padding-left: 20px;
}

#menuFRpub{
	padding-left: 20px;
}

#menuFRpro{
	padding-left: 35px;
}

#menuNLpro{
	padding-left: 45px;
}


#picturePro, #picturePub{
	background-repeat: no-repeat;
	background-position: top;
	margin-right: 3px;
	margin-top: 3px;
	color: #000000;
	font-size: 9px;
	text-transform: lowercase;
	padding-left: 15px;
	height: 110px;
}

#picturePro{
	background-image: url('../../images/head_pro.jpg');
}

#picturePub{
	background-image: url('../../images/head_pub.jpg');
}

#mainBlock a:link{
	color: #b20b0b;
}

#mainBlock a:visited{
	color: #9c0d0d;
}

#mainBlock a:hover{
	color: #ce0326;
}

#mainBlock a:active{
	color: #b20b0b;
}

#breadcrumb{
	padding-top: 92px;
}

#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited {
	color: #000000;
	text-decoration: underline;
}


#mainBlock{
   padding-left: 15px;	
   padding-right: 15px;
   padding-top: 15px;
   margin-right: 3px;
   margin-top: 3px;
   border-left: 1px solid #e2e2e2;
   border-right: 1px solid #e2e2e2;
   background-color: #ffffff;
   border-top: 5px solid #d3d3d3;   
   background-image: url('../../images/mainblock_grad.gif');
   background-position: top;
   background-repeat: repeat-x;	   
   text-align: left;
}

#leftBlock{
	float: left;
	width: 500px;
}

#rightBlock{
	float: right;
	padding-top: 40px;
}


#bigBlock{
	
}


#footer{
	clear: both;
	padding-top: 30px;
	padding-bottom: 3px;
	padding-right: 15px;
	text-align: right;
	color: #ffffff;
	font-size: 9px;
	
	margin-left: -15px; /* undo padding */
	margin-right: -15px; /* undo padding */
	
	background-image: url('../../images/footerstripe.gif');
	background-position: bottom;
	background-repeat: repeat-x;		
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

.darkBox{
	background: #ebebeb;
	width: 300px;
	background-image: url('../../images/d_box_bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}

.lightBox{
	background: #f4f4f4;
	width: 300px;
	background-image: url('../../images/l_box_bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}


.darkBoxTop, .lightBoxTop, .darkBoxBottom, .lightBoxBottom{
	width: 300px;
	height: 8px;
	background-position: top;
	background-repeat: no-repeat;
}

.darkBoxTop{
	background-image: url('../../images/d_box_top.gif');
}

.lightBoxTop{
	background-image: url('../../images/l_box_top.gif');
}

.boxContent{
	padding: 0px 10px 10px 10px;
}


.promoTbl{
	margin: 0;
	padding: 0;
}

.promoPic{
	text-align: left;
	padding-bottom: 10px;
}

.promoTxt{
	color: #ffffff;
	background-image: url('../../images/promo_bg.gif');
	background-repeat: no-repeat;
	background-position: right bottom;	
	padding-left: 30px;
	font-size: larger;
}


/*	-------------------------------------------
	 ZOEKERJTES
	-----------------------------------------*/
.errMsg {
	color: red;
	display: inline;
}
.errFld {
	border-color: red;
}


table.filter td{
	background-color: #d3d3d3;
	padding: 5px;
}
	
td.filterBtn{ text-align: right; }  

table.zoekertjes, table.filter{
	border-collapse: collapse;
	width: 99%;
	margin-bottom: 10px;
}	

table.zoekertjes td{
	line-height: 110%;
	background-color: #f5f5f5;
	border-bottom: 1px solid #999999;
	padding: 5px;
}


table.zoekertjes td.zoekThumb{
	width: 120px;
	text-align: center;
}

table.zoekTop{
	width: 100%;
}

table.zoekTop td{
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #f5f5f5;
	width: 33%;
}

.zoekDetail{
	vertical-align: top;
}

div.zoekCar{
	float: left;
	width: 69%;
	display: inline;
	padding: 5px;
}

table.zoekertjes div{
	line-height: 120%;
}

div.zoekCar a{
	font-weight: bold;
}

div.zoekGarage{
	float: right;
	width: 26%;
	display: inline;	
	padding: 5px 5px 5px 2px;	
}

.carbig{
	float: left;
	display: inline;
	padding-top: 5px;
	margin-top: 0 10px 0 0;
}
.carbig img{
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}

.cardetails{
	float: right;
	display: inline;
	margin: 0px 15px 0 0;
	width: 45%;
}

.cardetails td{
	padding-right: 5px;
}

div.cardetails p{
	line-height: 130%;
}
#mainBlock div.cardetails h3{
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 3px;
}

/*	-------------------------------------------
	 CONTENT STYLES 
	-----------------------------------------*/

/* download thing */
.v11{
	width: 250px;
}

td{
	/*font: 10pt/17pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;*/
	font-size: 12px;
	color: #5f5f5f;
	line-height: 160%;	
}

.toplink{
	margin-right: 5px;
	display: inline;
	color: #888888;
	text-transform: uppercase;
	font-size: 10px;
}
.toplink a:link, .toplink a:active, .toplink a:visited {
	color: #000000;
	text-decoration: none;
}

h1{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 18pt;
	color: #ce0326;
	letter-spacing: -0.05em;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 10px;
}

h2{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	color: #0b0b0b;
	margin: 0;
	margin-top: 15px;
}

#mainBlock h3{
	color: #0b0b0b; 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;	
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	margin-bottom: 0px;
}

h4{
	margin-bottom:0px;
	color: #323232;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;		
}

#rightBlock h3{
	color: #bc1515; 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11pt;	
	margin: 0 0 5px 0;
}

strong, b{
color: #444444;
}

#mainBlock P{
	margin: 0;
	margin-top: 0px;
	margin-bottom: 13px;
}

.articleSummary{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	color: #000000;
	font-size: 12px;
	margin-top: -10px;
	margin-bottom: 10px;
}


.leverancier{
	 width: 550px;
	 text-align: center;
}

#mainBlock ul{
	margin-top: 5px;
	list-style-image: url('../../images/bullet.gif');
}
#mainBlock ul li{
	margin-left: -7px;
	margin-bottom: 3px;
}

#mainBlock ul ul{
	margin-top: 10px;
	list-style-type: square;
	list-style-image: none;
}



.strong{
	color: #474747;
}

#exd_item img{
	border: 1px solid #bcbcbc;
}

/*	-------------------------------------------
	 FORM STYLES 
	-----------------------------------------*/
.inputNewsletter{
	margin-bottom: 5px;
}

.formButton{
	border: 1px groove #88888;
	background-color: #edebeb;
	padding: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}


.formLabelRequired, .formLabel{
	vertical-align: top;
	padding-right: 10px;
	text-align: right;
}

.formField, .formlabel{
	padding-bottom: 5px;
}


.offerte .formLabelRequired, .offerte .formLabel{
	text-align: right;
	line-height: normal;
}

.formInfo{
	text-align: left;
	color: #000000;
	background-image: url('../../images/line.gif');
	background-repeat: repeat-x;
	background-position: top;
	padding-bottom: 10px;
}

.formField{}

.formSubmit{
	padding-top: 10px;
}

.formButton{
	background-color: #ce0326;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	margin-top: 5px;
	border: 0;
	padding-top: 2px;
	padding-bototm: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 6px solid #b20b0b;
}

.boxContent table{
	margin-bottom: 0;
}

/*	-------------------------------------------
	 CSS DROPDOWN MENU 
	-----------------------------------------*/

#primaryNav {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-transform: uppercase;
   font-size: 10px;
   font-weight: bold;
}

/* here we set the default display for the lists/nested lists */
#primaryNav ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   list-style: none;
   display: block;
   width: auto;
   }
   
#primaryNav ul ul {
   display: none;
   position: absolute;
   width: 192px;
   border-bottom: 1px solid #ccc;
   top: 20px;
   left: 0px;
   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul { top: 20px; left: 0px; width: 170px;}
   /* End */
   
   
#primaryNav ul ul ul {
   display: none;
   position: absolute;
   left: 190px;
   top: -1px;
   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul ul { left: 170px; top: -1px; }
   /* End */

/* here we set the default display for the list items/nested list items */
#primaryNav ul li {
   margin: 0px 0px 0px 0px;
   padding: 4px 0px 4px 0px;
   float: left;
   position: relative;
   font-weight: bold;
   }

#primaryNav ul li li {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 1px solid #ccc;
   border-bottom: 0px;
   float: none;
   display: block;
   font-weight: normal;
   }

/* here we set the default display state for the links */
#primaryNav ul li a {
   padding: 5px 23px 5px 5px;
   display: inline;
   text-decoration: none;
   color: #ffffff;
   }
   
#menuFRpub  #primaryNav ul li a {
	padding-right: 15px;
}
   
#primaryNav ul li li a {
   padding: 5px 10px 5px 5px;
   display: block;
/*   width: 190px;*/
   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul li { float: left; height: 1%; }
   * html #primaryNav ul li a { height: 1%; }
   /* End */
   

/* here we set the ACTIVE class for ON menus, first for cascade */
#primaryNav ul.itemOff { color: #FF3300; /*color: #FF3300;*/ }

/* DEFINE DEFAULT LI/A APPEARANCE */
/* here we set the standard LI states - controls bg color */
#primaryNav ul li { background-color: transparent; color: #ffffff; }
#primaryNav ul li li { background-color: #efefef; color: #777; margin-top: -2px; }
#primaryNav ul li li li { background-color: #ffffff; color: #777; }
#primaryNav ul li li li li { background-color: #f9f9f9; color: #777; }

/* here we set the standard A states - controls text color */
#primaryNav ul li a { color: inherit; }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul li a { color: #ffffff; }
   * html #primaryNav ul li li a { color: #777; }
   /* End */

/* DEFINE DEFAULT LI/A HOVER/ON APPEARANCE */
/* here we set the hover and "in" styles for elements */
   /* L1 on states */
#primaryNav li:hover, #primaryNav li.sfhover a { color: #ffffff; }
   /* L1 off states - for children */
#primaryNav li:hover li, #primaryNav li.sfhover li a { color: #777; }

   /* L2 on states */
#primaryNav li li:hover, #primaryNav li li.sfhover a { color: #bc1515; }
   /* L2 off states - for children */
#primaryNav li li:hover li, #primaryNav li li.sfhover li a { color: #777; }

   /* L3 on states */
#primaryNav li li li:hover, #primaryNav li li li.sfhover a { color: #FF3300; }
   /* L3 off states - for children */
#primaryNav li li li:hover li, #primaryNav li li li.sfhover li a { color: #777; }

   /* global states - bg colors */
#primaryNav li li:hover, #primaryNav li li.sfhover, #primaryNav li li li:hover, #primaryNav li li li.sfhover {
   background-color: #f9f9f9;
   }

/* DEFINE MENU APPEARANCE BEHAVIORS */
/* here we set the reveal/hide chains for the fly-out */
#primaryNav li:hover ul ul, #primaryNav li:hover ul ul ul {
   display: none;
   }
   
#primaryNav li:hover ul, #primaryNav li li:hover ul, #primaryNav li li li:hover ul {
   display: block;
   }

#primaryNav li.sfhover ul ul, #primaryNav li.sfhover ul ul ul, #primaryNav li li.sfhover ul ul {
   display: none;
   }
   
#primaryNav li.sfhover ul, #primaryNav li.sfhover ul, #primaryNav li li.sfhover ul, #primaryNav li li li.sfhover ul {
   display: block;
   } 

#primaryNav ul ul li a.submenu {
   background-repeat: no-repeat;
   background-position: 100% .4em;
   padding-right: .6em;
} 

#primaryNav ul li.itemOn a{
	color: #ecdbdb;
}

#primaryNav ul ul li.itemOn {
   font-weight: bold;
   background-color: #f9f9f9;
}
#primaryNav ul ul li.itemOn a {
   color: #666666;
}


#primaryNav ul ul li{
   text-transform: none;
   width:195px;
}

.mapdrop{
padding: 5px;
margin: 15px 0 0 0;
border: 1px solid #ccc;
background-color: #F9F9F9; 
font-weight: bold; }

#sidebar_map{ display: inline; margin-left: 5px; }