@charset "utf-8";

/* ====== RESET STYLES ====================================================== */

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,
b, u, i, center,
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;
	background: transparent;
}
body {
	line-height: 1;
}

a, a:visited {
	color: #000;
}

th {
	margin-top:5px;
	margin-bottom:2px;
	padding: 5px;
	background-color: #5e8ec2;
	border-bottom: 1px solid  #005ea8;
	color: White;
	font-weight: bold;
	text-align: left;
}

h1 {
	color: #005ea8;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 1em;
}


h1 a {
	color: #005ea8;
}

h2,
h2 a, h2 a:visited
{
	color: #005ea8;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	text-decoration: none;
}

h3,
h3 a
{
	color: #005ea8;
	font-size: 12px;
	font-weight: bold;
}

p {
	margin: 0 auto 1em auto;
}


ul, ol {
	padding-left: 12px;
}
#IEroot ul, #IEroot ol {
	padding-left: 16px;
}

/* 
ul, ul li {
	list-style: disc;
}
 */

ol, ol li {
	list-style: decimal;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* conflict met fader.css oplossen */
b,
strong {
	font-weight: bold !important;
}

/* ====== EIND RESET STYLES ================================================= */

.voorraadextra {
	font-weight: bold;
}

html {
	height: 100%
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	background: #001c4b url(/images/bg_body.png) left top repeat-x;	
}


div#rootContainer {
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	}
	
	
div#topBar {
	position: relative;
	width: 100%;
	height: 30px;	
}
div#topMenu {
	position: relative;
	width: 956px;
	height: 30px;
	margin: 0 auto;
	background: url(/images/bg_topmenu.png) left top repeat-x;
}

	
div#headerImg {
	background: url(/images/banner-top-background.jpg) right top no-repeat;
	position: relative;
	width: 100%;
	height: 125px;	
}
	
div#headerImg  h2{
	color: #ffffff;
	float: right;
	position: absolute;
	right: 130px;
	top: 58px;
	font-size: 18px;
	line-height: 20px;
	}
	
div#mainContent {
	background: #fff;
	position:relative;
	width: 956px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}


div#paginaFooter {
	position: relative;
	font-size: 10px;
	background: #fff;
	height: 34px;
	padding: 12px 0 0 0;
	margin: 0 auto;
	text-align: center;
	width: 956px;
	border-top: 1px solid #001c4b;
}



tr.bottomRow  {
	border-top: 1px solid #5e5e5e;
}

.bottomRow td {
	background: #9b9b9b;
	height: 72px;
}





.topNav td {
	padding: 0 0 0 25px;
	vertical-align: top;
}
.topNav a {
	color: #5e5e5e;
	text-decoration: none;
}
.topNav a:hover {
	text-decoration: underline;
}



/* ===== TOP MENU =============================================== */

 ul#topMenuUl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0 20px 0 0;
    padding:0;
    list-style:none;
	float: right;
    }

   ul#topMenuUl li {
    float:left;
    margin:0;
    padding:0;
	height: 30px;
	    list-style:none;
    }

	
	ul#topMenuUl li a {
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	padding: 7px 7px 7px 7px;
	display: block;
    }
	
	#IE6root ul#topMenuUl li a {
		width: 0;
	}

	
   ul#topMenuUl li:hover {
    }	
	ul#topMenuUl li:hover a {
		color: #6cb130;
    }	
	
	
/*
=========================================================================
===== LAYOUT TABLE
*/	
	
#mainTable {
}

#mainTable ul {
/*	margin-left: 16px; */
	margin-top: 0;
	margin-bottom: 1em;
}
#mainTable ol {
	margin-left: 18px;
	margin-top: 0;
	margin-bottom: 1em;
}

/* even uitgezet door bob, want het verprutst het filter op de productgroepen pagina */
/*
#mainTable ul li {
	list-style-type: disc;
}

#mainTable ol li {
	list-style-type: decimal;
}
*/

/* ===== MAIN MENU =============================================== */


ul#mainMenu {
	background: url(/images/bg_mainmenu_onderkant.png) no-repeat left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
   	margin: 10px 0;
    padding: 0 0 9px 0;
    list-style:none;
	width: 224px;
    }
	
ul#mainMenu h1 {
	background: url(/images/bg_mainmenu_h1.png) no-repeat left top;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
}
	
	
  ul#mainMenu li {
    margin: 0;
    padding: 0 0 0 8px;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
    }
	
ul#mainMenu a {
    display:block;
	height: 100%;
    padding: 3px 10px 2px 10px;
	font-size: 12px;
	font-weight: normal;
	color: #005ea8;
	text-decoration: none;
    }
	
   ul#mainMenu li:hover,
   ul#mainMenu li.selected
   {
	background: #e5eff6;
    }	
	ul#mainMenu li:hover a,
	ul#mainMenu li.selected a
	{
	  color: #005ea8;
    }	
	




   
   
 /* === SUBMENU ITEMS IN PULLDOWN === */  

ul#mainMenu li:hover ul.subMenu {  
  	display: block;
	position: absolute;
	z-index: 9999;
	height: auto;
	background-color: #f3f4f7;

 }

ul#mainMenu ul.subMenu { 
 	display: none;
	z-index: 9999;
	position: absolute;
	border-bottom: 1px solid #5e5e5e;
	/* margin-top: -22px;
	padding: 22px 0 0 0; */
 }
 
ul#mainMenu ul.subMenu li:first-child { 
	border-top: 1px solid #000000;
}
 
 
 ul#mainMenu ul.subMenu li { 
	float: none;
	background-color: #f3f4f7;
	background-image: none;
	margin: 0;
	border-left: 1px solid #5e5e5e;
	border-right: 1px solid #5e5e5e;
} 



ul#mainMenu ul.subMenu li a {
	font-weight: normal;
	font-size: 12px;
	display: block;
	color: #255c19;
} 
ul#mainMenu ul.subMenu li a:hover {
	font-weight: normal;
	font-size: 12px;
	display: block;

	text-decoration:	underline;
} 
 ul#mainMenu ul.subMenu li:hover { 
	float: none;
	background-color: #e8eaef;
	background-image: none;
	margin: 0;
	border-left: 1px solid #5e5e5e;
	border-right: 1px solid #5e5e5e;

} 


 
 ul#mainMenu li:hover ul.subMenu li a {  
 	display: block;
	border: none;
	background-image: none;

 }
 
 
  
/* ===== EIND MAIN MENU =============================================== */

#populaireproducten {
	table-layout: strict;
}

#populaireproducten th {
	background-color: #005ea8;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
}

#populaireproducten th a {
	color: #fff;
	text-decoration: underline;
}


 #populaireproducten a {
    display:block;
    padding: 3px 5px 2px 5px;
	font-size: 11px;
	font-weight: normal;
	color: #444;
	text-decoration: none;
    }
	 
#populaireproducten .prijs_inclusief {
	 font-size: 12px;
 }

#populaireproducten .infolink {
	height: 15px;
	overflow: hidden;
}
 
 #populaireproducten .prijs_inclusief {
	float:none;
	 }
	 
#populaireproducten .prijs_inclusief .btwomschrijving{
	color: #444;
	 } 
 #populaireproducten .prijs_exclusief {
	 display: none;
	 }
	 
 #populaireproducten {
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	
 }

 
 #populaireproducten td {
    margin: 0;
    padding: 0;
	border-bottom: 1px solid #bebebe;
    }
/*
=========================================================================
===== MAIN MENU ACCORDEON
*/


#accordion {
	margin-top: 0px;
}

#accordion div {
	padding: 0;
}
#accordion div div {
	height: auto !important;
	border-left: none;
	border-right: none;
}

#alternatievenTD h1 {
	background-color: #005ea8;
	border: 1px solid #bebebe;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	margin-bottom: 0;
}

 #accordion ul  {
    margin: 0;
    padding: 0;
    }

 #accordion ul li {
    margin: 0;
    padding: 0;
	border-bottom: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
    }
	
 #accordion ul a {
    display:block;
    padding: 3px 5px 2px 5px;
	font-size: 11px;
	font-weight: normal;
	color: #444;
	text-decoration: none;
    }
	
 #accordion ul li:hover,
 #accordion ul li.selected
   {
	background: #ebebeb;
    }	
 #accordion ul li:hover a,
 #accordion ul li.selected a
	{
	  color: #444;
    }	

 #accordion .prijs_inclusief{
	 font-size: 12px;
 }

 #accordion .prijs_inclusief {
	float:none;
	 }
	 #accordion .prijs_inclusief .btwomschrijving{
	color: #444;
	 } 
 #accordion .prijs_exclusief {
	 display: none;
	 }

	 
.tabMenu .prijs_inclusief{
	font-size: 12px;
}

.tabMenu .prijs_inclusief {
	float:left;
}

.tabMenu .prijs_inclusief .btwomschrijving{
	color: #444;
} 

.tabMenu .prijs_exclusief {
	font-size: 12px;
	float:right;
}
	 
/*
=========================================================================
===== NEWSTICKER
*/

#newsTicker {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	position:relative;
	margin: 3px 0 11px 0;
	padding: 4px 3px 8px 3px;
	background: url(/images/bg_img_newsticker.png) top left repeat-x;
}
#newsTicker strong {
color: #00704a;
}

#newsTicker a {
color: #000;
text-decoration: none;
}

#newsTicker a:hover {
text-decoration: underline;
}

#newsTicker .btnArchive {
	float: right;
	background: url(/images/btn_arrow.png) center right no-repeat;
	padding-right: 22px;
}

#newsTicker .btnArchive a{
	color: #848484;
}


/*
=========================================================================
===== BANNER
*/

#banner {
	margin-bottom: 10px;
}

#banner h1 {
	font-size: 26px;
	line-height: 29px;
	padding-top: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}

#banner h2 {
	font-size: 13px;
	padding-left: 20px;
}

#banner h2 a, #banner h2 a:visited {
	font-size: 13px;
}


/*
=========================================================================
===== LAATST BEKEKEN
*/

.laatstBekekenTable td {
	font-family: Arial, Helvetica, sans-serif;
	color: #b2b2b2;
	font-size: 11px;
	line-height: 12px;
}
.laatstBekekenTable td strong {
	font-weight: bold;
}

.laatstBekekenTable h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #00704a;
	font-size: 11px;
}


/*
=========================================================================
===== GROEN PANEL
*/

#groenPanelContainer {
	border: 1px solid #bebebe;
	}
#adresPanelContainer {
		margin-top: 10px;
	padding: 10px 10px 0 10px;;
	border: 1px solid #bebebe;
	}


#groenPanelContainer ul,
#adresPanelContainer ul
{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	}
	

#groenPanelContainer li {
	float: none; /* left=horizontaal none=verticaal*/
    list-style-type: none;
	border-top: 1px solid #92c25f;
	/*border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;*/
	background: #81ba37;
}
#groenPanelContainer li.huidige {
	color: #81ba37;
	background: #cde4af;
}
#groenPanelContainer li.huidige a {
	color: #81ba37;
}


#adresPanelContainer .content
{
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	padding: 13px 9px;
	color: #000;
}


#adresPanelContainer .onderkant
{
	background-image: url(/images/bg_adrespanel_onderkant.png);
}


#groenPanelContainer li a {
	display: block;
	height: 100%;
	padding: 13px 9px;
	color: #fff;
	text-decoration: none;
}
#groenPanelContainer li:first-child a {
}

#groenPanelContainer li a:hover {
	color: #fff;
	text-decoration: underline;
}
	
	
	
	
	

/*
=========================================================================
===== ZOEKFUNTIE
*/

#zoekFunctieTable {
	height: 240px;
}


#zoekFunctieTable td.zoekPanels {
	width: 738px;
}


#zoekFunctieContainer .content {
	padding: 0 6px;
	color: #5e5e5e;
}
#zoekFunctieContainer .content p {
	margin-bottom: 8px;
}

#zoekFunctieContainer .bovenkant {
	background: url(/images/bg_img_zoekfunctie_boven.png) top left no-repeat;
	height: 9px;
}
#zoekFunctieContainer .onderkant {
	background: url(/images/bg_img_zoekfunctie_onder.png) top left no-repeat;
	height: 9px;
}


#zoekveldWrapper {
	width: 126px;
	background: url(/images/bg_img_zoekveld.png) top left no-repeat;
	margin-bottom: 8px;
}

#zoekVeld {
	background: transparent;
	border: none;
	margin-left: 18px;
	padding: 3px 0 0 0;
	font-size: 13px;
	height: 14px;
	width: 100px;
	}


	
.ui-tabs .ui-tabs-hide {
     display: none;
}	
	
	
#tabs {
	background: transparent url(/images/bg_tabs_groen.png) top left no-repeat;
	width: 464px;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#tabs p {
	margin: 0;
}

#tabs p.headerRegel,
#categoriePanel p.headerRegel
{
	padding: 8px 10px 5px 10px;
	color: #fff;
	font-weight: bold;
}

#tabs ul {
	border: 0;
	background: transparent;
	padding-left: 10px;
	margin: 0;
	overflow: hidden;
	list-style-type: none;
}
#tabs ul li {
	list-style-type: none;
	height: 31px;
	padding: 0;
	border: 0;
	margin-right: 10px;
	background: transparent url(/images/bg_zoektab_li.png) top left no-repeat;
}

#IE6root #tabs ul li {
	height: 25px;
}

#tabs ul li a {		
	height: 100%;
	display: block;
	padding: 7px 10px 0 10px;
	border: 0;
	color: #005ea8;
	font-weight: bold;
	background: transparent url(/images/bg_zoektab_a.png) top right no-repeat;
}		

#tabs ul li.ui-tabs-selected {
	background: transparent url(/images/bg_zoektab_selected_li.png) top left no-repeat;
}

#tabs ul li.ui-tabs-selected a {
	color: #fff;
	background: transparent url(/images/bg_zoektab_selected_a.png) top right no-repeat;
}



#tabs .tabblue {
	background: transparent url(/images/bg_tabpanel_blauw.png) top left no-repeat;
	color: #fff;
	height: 170px;
	padding: 0;
	}


#tabs select {
	padding: 1px;
	border: none;
	width: 298px;
}
#tabs input {
	padding: 1px;
	width: 294px;
}

#IEroot #tabs input {
	width: 292px;
}


#tabs input.button,
#IEroot #tabs input.button
{
	width: 75px;
	font-size: 8px;
	line-height: 12px;
	text-transform: uppercase;
}

	
#tabs #matches {
	display: block;
	padding-top: 8px;
	height: 12px;
}

#tabs #nrwr {
	margin-bottom: 8px;
}	


/* categorie panel */

#categoriePanel {
	background: #005ea8;
	height: 227px;
	position: relative;
	color: #fff;
	border: 1px solid #bebebe;
	width: 100%;
}

.categoriePanelHeader {
	padding: 5px 10px 5px 10px;
	height: 46px;
	font-size: 11px;
}
.categoriePanelHeader p {
	margin-bottom: 0;
	font-size: 11px;
}

#categorieenContainer {
	background: #fff;
	margin:  0;
	padding: 10px 0;
	height: 150px;
	overflow: auto;
}

#categorieenContainer ul {
	margin: 0;
}

#categorieenContainer ul li  {
	background: #fff;
	margin: 0;
	height: auto;
}
#categorieenContainer ul li a {
	background: #fff;
	margin: 0;
	padding: 2px 12px;
	display:block;
	text-decoration: none;
}

#categorieenContainer ul li:hover a {
	background: #ebebeb;
	text-decoration: underline;
}




/*
=========================================================================
===== TURBOSEARCH
*/

input#turbosearch {
	margin: 10px 0 5px 0;
	padding: 1px;
	width: 174px;
	}
	
#zoekBtn {

}


.tabinfoKenmerken select {
	width: 665 px;
}


/* ===== START WINKELWAGEN =============================================== */

div#cart{
	width: 936px;
	margin-bottom: 10px;
	border: 1px solid #bebebe;
}


#winkelwagentotalenTable {
	background:url(/images/bg_winkelwagen_hoekje_rb.png) top right no-repeat;
}

td.winkelwagenContentVeld {
	/*width: 520px;*/
	width: 752px;
	color: #444;
}
div.totaalPrijs {
	float: right;
	margin: 0 20px 0 0;
	position: relative;
}
div.aantalArtikelen {
	float: left;              
	margin: 0 0 0 10px;
	position: relative;
}
#winkelwagendetailsTable {
	/*width: 702px; */
	width: 936px;
	}


#winkelwagendetailsTable th {
	padding: 2px 0;
	padding-right: 10px;
}


#winkelwagendetailsTable tr.cartItemRow td {
	border-bottom: 1px solid #bebebe;
	padding-right: 10px;
}

#winkelwagendetailsTable .laatsteCartItemRow td {
	border-top: 1px solid #bebebe;
}


#winkelwagendetailsTable #opnieuwberekenenbutton {
	font-size: 11px;
}



table.stappenTable {
	margin-top: 2px;
}

table.stappenTable th {
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 4px;
}

table.stappenTable td {
	padding: 4px;
}

table.stappenTable th.stapTH {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: silver;
	width: 150px;
	text-decoration: none;
	padding: 2px;
	text-align: center;
}

table.stappenTable th.stapTHSelected {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	width: 150px;
	text-decoration: none;
	padding: 2px;
	text-align: center;
}

table.stappenTable td.stapTD {
	border-bottom: 1px solid #9e9e9e;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	padding: 2px;
	text-align: center;
}

table.stappenTable td.stapTDSelected {
	border-bottom: 3px solid #00204f;
}


table.klantgegevens td {
	border-bottom:  #bebebe 1px solid;
}

table.klantgegevens td.geenBodemBorder {
	border-bottom: none
}

/* ============================= */


td.databyteBannerMenu {
	width: 168px;
	}

td.databyteBannerMenu a {
	background:url(/images/btn_groot.png) top left no-repeat;
	width: 158px;
	height: 26px;
	padding: 11px 0 0 10px;
	margin: 0 0 4px 0;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	float: left;
	clear: both;
}


div.panelLinkBreed {
	background:url(/images/btn_panel_groen_showroom.png) top left no-repeat;
	width: 316px;
	height: 80px;
	padding: 20px;

}


div.panelLink {
	background: url(/images/btn_panel_groen_met_pijl.png) top left no-repeat;
	width: 128px;
	height: 80px;
	padding: 20px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	line-height: 18px;
}

.panelLinkBreed a,
.panelLink a
{
	color: #00704a;
	text-decoration: none;
	font-size: 18px;
	line-height: 18px;
}

#btnzoeken {
	vertical-align: bottom;
	margin-left: 10px;
	margin-right: 5px;
	float: right;
}


table.productTable {
	/*background: url(/images/bg_product.png) top left no-repeat;*/
	table-layout: static;
}

.productTable td {
	padding-left: 10px;
	padding-right: 10px;
}

.productTable td.label {
	padding-left: 12px;
	padding-right: 10px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 12px;
	height: 18px;
	color: #fff;
}
.productTable td.foto {
	padding-top: 10px;
	text-align: center;
}



.productTable td.titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #005ea8;
}

.productTable .titelContainer {
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 17px;
	height: 15px;
	overflow: hidden;
}

.productTable .beschrijvingContainer {
	height: 50px;
	overflow: hidden;
}


.productTable td.titel a {
	text-decoration: none;
	font-size: 14px;
	color: #005ea8;
}

.productTable td.beschrijving {
	font-weight: normal;
	color: #000;
	padding-bottom: 8px;
}
.productTable td.beschrijving a {
	color: #005ea8;
	text-decoration: none;
}
.productTable td.beschrijving a:hover {
	color: #005ea8;
	text-decoration: underline;
}
.productTable div.voorraadext {
	height: 22px;
	vertical-align:top;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #000;
}
.productTable td.voorraadint {
	height: 22px;
	vertical-align:bottom;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	background-color:#f3f4f7;
	color: #000;
}

.prijs_inclusief {
		padding-top: 2px;
		padding-left: 2px;
		font-size: 16px;
		float: right;
		clear: both;
	}	
	
.mainProductInfoTable .prijs_inclusief {
		font-weight: bold;
		padding-left: 3px;
		float: left;
		clear: both;
	}
	
	
table.alternatiefTable .prijs_inclusief {
		float: right;
		clear: both;
		padding-top: 2px;
		padding-left: 10px;
		font-size: 16px;
	}
	
	 .prijs_exclusief {
		font-size: 10px;
		float: right;
		clear: both;
		padding-left: 10px;
		white-space: nowrap;
	}	
	
.mainProductInfoTable .prijs_exclusief {
		padding-left: 3px;
		float: left;
		clear: both;
	}	

.btwomschrijving{
		color:#444;
		font-size: 10px !important;
	}
	
div.infoBtnContainer {
	padding-top: 10px;
}




.productTable td.prijsincl {
	height: 22px;
	vertical-align:bottom;
	font-size: 18px;
	line-height: 12px;
	font-weight: normal;
	background-color:#f3f4f7;
	color: #000;
}
.productTable td.prijsexcl {
	height: 22px;
	vertical-align:left;
	font-size: 9.5px;
	line-height: 10px;
	font-weight: bold;
	background-color:#f3f4f7;
	color: #000;
}
.productTable td.prijsgreen {
	height: 22px;
	vertical-align:top;
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	background-color:#f3f4f7;
	color: #00704a;
}
.productTable td.prijsblauw {
	height: 22px;
	vertical-align:top;
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	background-color:#f3f4f7;
	color: #4b7bbc;
}

.productTable td.prijs {
	height: 22px;
	vertical-align:top;
	line-height: 18px;
	font-weight: bold;
	/*background-color:#f3f4f7;*/
	color: #000;
}


.productTable td.voorraad {
	height: 22px;
	vertical-align:top;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	background-color:#f3f4f7;
	color: #9d9999;
}
.productTable .inclbtw {
	height: 14px;
	vertical-align:bottom;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	background-color:#f3f4f7;
	color: #9d9999;
}
.productTable .exclbtw {
	height: 14px;
	vertical-align:bottom;
	font-size: 8.5px;
	line-height: 10.5px;
	font-weight: normal;
	background-color:#f3f4f7;
	color: #9d9999;
}

	
	 .prijs_exclusief {
		font-size: 10px;
		float: right;
		padding-left: 10px;
		white-space: nowrap;
	}	
	
	.btwomschrijving{
		color:#444;
	}


 .prijs_vanprijs {
	font-size: 12px;
	font-weight: normal;
}

.productTable td.prijs img.bestelBtn {
	float: right;
}

div.bestelbuttonDiv {
	padding-top: 5px;
	padding-left: 5px;
	float: right;
	margin-right: 5px;
}

div.bestelbuttonDiv input {
	padding-top: 1px;
	background-color: white;
}

#footerPowered {
	float: right;
	color: #fff;
	width: auto;
	margin: 0 20px 0 0;
}
#footerPowered a {
	color: #fff;
	text-decoration: none;
}
#footerTel {
	float: left;
	color: #fff;
	width: auto;
	font-size: 18px;
	font-weight: bold;
}

a.stijl3 {
color: #444444;
}


/* ===== productTable AANBIEDINGEN ============================ */

.productTable {
	table-layout: fixed;
}

.productTable.aanbieding {
	border-collapse:collapse;
	border-top: 1px solid #c2c2c2;
	border-bottom: none;
	margin-bottom: -1px;
}
.productTable.aanbieding td {
	vertical-align: middle;
}

.productTable.aanbieding td.foto {
	width: 140px;
	padding: 2px;
}

.productTable.aanbieding td.titel {
	font-size: 14px;
	line-height: 16px;
	color: #ee7f01;
}
.productTable.aanbieding td.titel a {
	color: #444444;
}

.productTable.aanbieding td.prijs {
	width: 120px;
	color: #ee7f01;
	text-align: right;
}

.productTable.aanbieding td.prijs {
	width: 120px;
	color: #ee7f01;
	text-align: right;
}


.productTable.aanbieding .btwomschrijving {
	color: #ee7f01;
}

.productTable.aanbieding .producttekst {
	height: 19px;
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	white-space: nowrap; 
	width: 100%;
	
}


/* ===== zoekfilter vervolgpagina ======================= */


/* ===== zoekfilter vervolgpagina ======================= */


.filterTD  {
	/*background: url(/images/bg_productfilter_bottom.png) bottom left no-repeat;*/
	}

table#zoekFilterTable {
	border: 1px solid #dcdddd;
	/*background: url(/images/bg_productfilter_top.png) top left no-repeat;*/
}

.filterTD div:first-child {
	margin: 0 0 0 12px;
	}



/* ===== linkermenu, vervolgpagina ======================= */

td#linkerMenu {
	
}

td#linkerMenu h2 {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #005ea8;
}


td#linkerMenu ul {
	margin: 22px 0 0 0;
}


td#linkerMenu ul li.currentItem {
	color: #000;
	font-weight: bold;
}

td#linkerMenu ul li a {
	color: #000;
	text-decoration: none;
}

td#linkerMenu ul li a:hover {
	color: #005ea8;
}




/* ===== product lijst met rijen, vervolgpagina ======================= */

table.productListTable {
	width: 100%;
	}

table.productListTable td {
	padding: 3px;
	border-bottom: 1px solid #bebebe;
}
	
table.productListTable td h2 {
	padding-left: 5px;
}	
	
table.productListTable tr.Hidden {
	display: none;
}
	
table.productListTable tr.productRowAlt td{
	background: #fff;
	border-bottom: 1px solid #bebebe;
	}
	
table.productListTable .productTitle {
	font-weight: bold;
	color: #00704a;
	}	
table.productListTable .productTitle a {
	color: #444444;
	text-decoration: none;
	}		
	
table.productListTable .productTitle a.infolink .productnummer {
	font-weight: normal;
	font-size: 10px;
}
	
table.productListTable td.prijs {
	font-size: 14px;
	font-weight: bold;
	}

	
table.productListTable th h1 {	
	font-size: 12px;
	font-weight: bold;
	color:  #fff;
	float: left;
	margin: 0;
	padding: 3px;
	}
	
	
td.aantalResultaten {
	font-size: 11px;
	color: #444;
	padding: 10px !important;
}
td.aantalResultaten a {	
	color: #444;
}

table.productListTable th, #zoekfilterform th, #filterCompatibleTable th  {	
	font-size: 12px;
	font-weight: bold;
	background-color: #005ea8;
	color:  #fff;
	height: 20px;
	}


td#productenlijstTD,td#productFilterTD {
	border: 1px solid #bebebe;
	padding: 0px;
	margin: 0pxl
}
#zoekfilterform td {
	width: 200px;
}

#zoekfilterform th a, #zoekfilterform th a:visited {
	font-size: 11px;
	color: white;
	font-weight: normal;
	float: right;
}

#zoekfilterform #zoekterm {
	width: 130px;
}
#zoekfilterform #btnzoeken {
	margin-right: 0px;
	margin-left: 0px;
}


#productFilterTD #subgroepselect {
	width: 200px;
}

#filterCompatibleTable td {
	padding: 10px;
}

#filterCompatibleTable #nrwr {
	width: 370px;
}
	
/* PRODUCTPAGINA MIDDENKOLOM MET PRODUCT */
	
.productBeschrijving {
	padding: 5px;
}

.productBeschrijving hr {
	border:none;
	height: 1px;
	background: #dbdbdb;
}

.productBeschrijving td {
	vertical-align: top;
}


table.mainProductTable {
	width: 726px;
	margin-bottom: 30px;
	}

table.mainProductTable {
	border: 1px solid #bebebe;
	border-collapse: collapse;
}
	
table.mainProductTable td {
	padding: 10px 10px 10px 10px; 
	color: #444444;
	}

table.mainProductTable .breadcrumb {
	padding: 0 10px 0 10px; 
	color: grey;
	font-size: smaller;
	}

table.mainProductTable .breadcrumb a{
	color: grey;
	}
	
	
table.mainProductTable td a {
	color: #444444;
	}	
	
table.mainProductTable img {
	border: 0px;
}

table.mainProductTable th, #alternatievenTD th  {
	border: 1px solid #bebebe;
	background-color: #005ea8;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 8px 4px 8px; 
	vertical-align: middle;
	height: 22px;
	overflow: hidden;
	}

	
.fabrikantlogo {
	margin-bottom: 5px;
	text-align: right;
	margin-right: 10px;
	}
table.productListTable img.fabrikantlogo {
	margin-top: 50px;
}
	
td.productBeschrijvingTD {
	padding: 10px;
	background: url(/images/bg_productbeschrijvingtd.png) top left no-repeat;	
	height: 203px;
	}
	
td.productBeschrijvingTD td {
vertical-align: top;
	}

table.mainProductPriceTable {
	}
	
table.mainProductPriceTable td.onderprijs {
	}	
	

	
table.mainProductPriceTable td.vanprijs {
	font-size: 14px;
	}
table.mainProductPriceTable td.prijs {
	font-size: 18px;
	font-weight: bold;
	height: 22px;
	}
	

	
	
/*
=========================================================================
===== TABLE MET PRODUCT INFO
*/
#productomschrijving {
	max-height: 67px;
	overflow: hidden; 
   text-overflow: ellipsis; 

}

table.mainProductInfoTable {
	margin-top: 10px;
	border-collapse:collapse;
	width: 100%;
}

table.mainProductInfoTable.grijs {
	background-color: #EBEBEB;
	margin-left: -3px;
	border: 1px solid silver;
}


table.mainProductInfoTable, 
table.mainProductInfoTable td, 
table.mainProductInfoTable th
{
}

table.mainProductInfoTable td {
	padding: 3px;
}	
	

table.mainProductInfoTable table,
table.mainProductInfoTable table th,
table.mainProductInfoTable table td
{
	border: none;
}
	
	

	/* PRODUCTPAGINA RECHTERKOLOM MET ALTERNATIEVEN */
	
	
table.rechterKolomHeaderTable {
	width: 200px;
	}
	
.rechterKolomHeaderTable td.header {
	background: url(/images/bg_h1_200px.png) no-repeat left top;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
}


.rechterKolomFooterTable td.footer {
	background: url(/images/bg_footer_200px.png) no-repeat left bottom;
	font-size: 12px;
	padding: 7px 10px 7px 10px;
}
.rechterKolomFooterTable {
	margin-bottom: 20px;
}
	
.rechterKolomHeaderTable td.lijntje {
	background: #e5e5e5;
	height: 1px;
	}
	
	
table.alternatiefTable {
	width: 190px;
	table-layout: fixed;
	}
	
	
table.alternatiefTable td {
	margin: 0 10px;
}	
	
.alternatiefTable .productTitle {
	font-size: 12px;
	font-weight: bold;
	color: #005ea8;
	vertical-align: middle;
	height: 30px;
	width: 180px;
	margin-top: 8px;
	/*margin-bottom: 25px; */
	overflow: hidden;
}
.alternatiefTable td.productTitle a {
	color: #005ea8;
	text-decoration: underline;
}		


.alternatiefTable td.productThumbnail {
	text-align: center;
}
.alternatiefTable td.prijs {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.alternatiefTable td.lijntje {
	background: #e5e5e5;
	height: 1px;
	}
	
	
/* ===== LAATST BEKEKEN TABLE ============================== */	
	
div#laatstBekekenContainer {
	width: 100%;
	overflow: hidden;
		margin-top: 0px;
	}
	
	
#laatstBekekenTable{
	width: 100%;
	}
	
#laatstBekekenTable.cols_4{

	}

#laatstBekekenTable.cols_5{

	}


#laatstBekekenTable td.tableHeader,
#laatstBekekenTable.cols_4  td.tableHeader,
#laatstBekekenTable.cols_5  td.tableHeader 
{
	background: #fff;
	border-bottom: 1px #bebebe solid;
	color: #005ea8;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 10px 7px 10px; 
	vertical-align: middle;
	}
	
#laatstBekekenTable table.laatstBekekenItem {
	float:left;
	}

	.prijs_inclusief_laatstbekeken {
		padding-top: 2px;
		padding-left: 10px;
		font-size: 14px;
		font-weight: bold;
	}
	
	 .prijs_exclusief_laatstbekeken {
		font-size: 9px;
		float: left;
		padding-left: 10px;
		white-space: nowrap;
	}

	.productTitle {
	 color : #005ea8;
	 align: left;
	}

#laatstBekekenTable table.laatstBekekenItem td.prijs {
		font-size: 14px;
		font-weight: bold;
}

		
/* ===== AANBIEDINGEN ======================================================= */

table.aanbiedingenTable {
	width: 732px;
}

table.aanbiedingenTable td.productTitle {
	font-size: 14px;
	font-weight: bold;
}

table.aanbiedingenTable td.productDescription {
	font-size: 11px;
	font-weight: normal;
	height: 36px;
}


table.aanbiedingenTable table.aanbiedingItem {
	width: 356px;
	border-top: none;
	border-bottom: none;
margin: 5px;
}
table.aanbiedingenTable table.aanbiedingItem2 {
	width: 356px;
margin: 5px;
}

table.aanbiedingenTable table.aanbiedingItem td.prijs {
	font-size: 18px;
	font-weight: bold;
}
table.aanbiedingenTable table.aanbiedingItem div.kortingBallon {
	background: url(/images/bg_kortingballon_blauw.png) top left no-repeat;
	width: 51px;
	height: 31px;
	padding: 19px 0 0 0;
	margin: 6px 0 0 33px;
	position: absolute;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
}

/* ===== KOOPJESHOEK ======================================================= */

.koopjeshoek table.productListTable th {
	background: #fff;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #879191;
}
.koopjeshoek table.productListTable td {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.koopjeshoek table.productListTable .productTitle a {
	font-size: 12px;
	font-weight: bold;
	color: #44861b;
	text-decoration: none;
	}	
	
	
	
/* ===== KLANT REGISTRATIE FORMULIER ======================================================= */	


table.formulierTable {
	margin: 0 0 20px 0;
	}

	
table.formulierTable td	 {
	font-size: 13px;
	font-weight: normal;
	color: #000;
	padding: 4px 10px 4px 10px;
	}
	
table.formulierTable td input[type="text"] {
	height: 16px;
	margin: 1px;
	font-weight: normal;
	}
	
table.formulierTable td input#straat {
	width: 190px;
	}
table.formulierTable td input#huisnummer {
	width: 56px;
	}
		



/*
=========================================================================
===== TURBO ZOEKER
*/


#turbozoekerContainer {
	font-size: 11px;
	line-height: 16px;
	width: 502px;
	z-index: 100;
	position: absolute;
	margin-left: -167px;
	margin-top: 21px;
	/*border: 1px solid #000;*/
}

#turbozoekerContainer th {
	background: #e5e5e5;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	height: 19px;
	border: 1px solid #5e5e5e;
	padding-top: 1px;
	padding: 2px;

}

#turbozoekerContainer .sluitBtn {
	float: right;
	width: 16px;
	height: 15px;
	padding: 3px 2px 0 0;
}
#turbozoekerContainer .groepenContainer:first-child th {
	background: transparent url(/images/bg_turbozoeker_top.png) top left no-repeat;
	border: none;
	padding-top: 2px;
	border-bottom: 1px solid #5e5e5e;
}
#turbozoekerContainer .borderTD  td{
	padding: 2px;
	background-color : white;
}
#turbozoekerContainer .borderTD {
	border-left: 1px solid #5e5e5e;
	border-right: 1px solid #5e5e5e;
	background-color : white;
}


#turbozoekerContainer .tableMeer {
	background: url(/images/bg_turbozoeker_bottom.png) bottom left no-repeat;
	border-top: 1px solid #5e5e5e;
}
#turbozoekerContainer .tableMeer td {
	padding: 3px 20px 3px 0;
}

.thumbnaildiv {
	width: 200px;
	height: 42px;
	overflow: hidden;
}

/*
=========================================================================
===== breadcrumb
*/


#breadCrumb {
	color: #00704a;
	font-weight: bold;
}

	/* ===== Voorraadtabel op detailpagina */

.voorraadtable {
	width: 130px;
	margin-right: 10px;
	padding: 0px;
	border-collapse: collapse;
}


.voorraadtable td {
	vertical-align: top;
}


.voorraadtable .intern {
	font-weight: bold;
	color: #000;
}

.voorraadtable .extern {
	font-weight: bold;
	color: #000;
	}

	/* ======================== Aantal zaken uit jquery css overrulen */

	.ui-widget {
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
	}
	
/*
=========================================================================
===== Banner Systeem voorpagina KS
*/

#nav { 	
		height: 35px;
		width: 720px; }
#nav a {
	background-image: url('/images/o.jpg');
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	float: left;
	margin-top: 7px;
}
#nav a:hover {
	background-image: url('/images/o_active.jpg');
}
#nav a.activeSlide {
	background-image: url('/images/o_active.jpg');
}



/*
=========================================================================
===== Aanmelden/Registreren CSS KS
*/

table.register_login {
	height:			250px;
	width:			100%;
	
	border-collapse:	collapse;
}
table.register_login table.register {
	width:			300px;
	height:			100%;
	border-collapse:	collapse;
	paddding:		10px;
}
table.register_login table.register td.header {
	height:			10px;
	border: 1px solid Gray;
	padding:		5px;
	background-color:	#ebeae6;
	background-image:	url('/images/header.jpg');
	
	font-family:		arial;
	color:			#FFFFFF;
	font-weight:		bold;
}
table.register_login table.register td.content {
	border:			1px solid gray;
	background-color:	white;
	vertical-align:		top;
	padding:		7px;
}

table.register_login td.content {
	font-family:		arial;
	font-size:		10pt;
}

table.register_login table.login {
	width:			100%;
	height:			100%;
	border-collapse:	collapse;
	width:			300px;
	paddding:		5px;
}
table.register_login table.login td.header {
	height:			10px;
	border:			1px solid gray;
	padding:		5px;
	background-color:	white;
	background-image:	url('/images/header.jpg');
	
	font-family:		arial;
	color:			#FFFFFF;
	font-weight:		bold;
}
table.register_login table.login td.content {
	border:			1px solid gray;
	background-color:	white;
	vertical-align:		top;
	padding:		7px;
}
table.register_login input.text {
	width:			200px;
	height:			26px;
	font-size:		12pt;
}


/*******************************************************************************
  Informational Messages
*******************************************************************************/
.info  {
	display: block;
	background: url('http://www.webgurus.biz/adminskin2/images/informationbar_right.gif') no-repeat right top;
	height: 30px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom:10px !important;
	padding: 0px !important;
	font-size: 12px !important;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	font-style: italic;
}
.info .info_inner {
  display: block;
  height: 30px;
  padding: 6px 10px 0px 35px;
}
#success .info_inner {
  color: #5a801b;
  background: url('http://www.webgurus.biz/adminskin2/images/icon_success.gif') no-repeat left top;
  border: 0px;
}
#warning .info_inner {
	color: #E89326;
	background: url('http://www.webgurus.biz/adminskin2/images/icon_warning.gif') no-repeat left top;
	border: 0px;
}
#error .info_inner {
	color: #C00;
	background: url('http://www.webgurus.biz/adminskin2/images/icon_error.gif') no-repeat left top;
	border: 0px;	
}
#info .info_inner {
	color: #4985B2;
	background: url('http://www.webgurus.biz/adminskin2/images/icon_info.gif') no-repeat left top;
	border: 0px;
}

#favorietenform #aantal {
	background: none;
}

a.addtofavorites {
 text-decoration: none;
 }
 /* =======================
Orderoverzicht
*/
#orderoverzicht td, #orderoverzicht th{
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

#orderoverzicht th{
	vertical-align: bottom;
}

#orderoverzicht h2 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;

}

#adminrechts td, #adminlinks td, #adminrechts td a, #adminlinks td a {
color:white;	
font-weight:bold;
}

#adminlinks td {
color:red;	
}



/*
=========================================================================
===== RESULTAAT STIJLEN VOORRAAD
*/

.sorteerTable {
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

.sorteerTable td {
	border: none !important;
}


.sorteerTable td img {
	margin-bottom: -2px;
}
.sorteerTable a
{
	font-size: 11px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none;
}




/*
=========================================================================
===== AANGEPASTE TAB STIJLEN
*/

.tabMenu .ui-widget-header {
	background: #005ea8 none;
}

.tabMenu .ui-state-default.ui-corner-top {
	background: #5e8ec2 none;
	border: 1px solid #5e8ec2;
}

.tabMenu .ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active,
.tabMenu .ui-corner-top.ui-tabs-selected.ui-state-active {
	background: #fff;
	background-image: none;
	color: #444;
}


.tabMenu .ui-state-active A:link {
	color: #444;
}

.tabMenu .tabdiv {
	color: #444;
}



/*
=========================================================================
===== KLANTENSERVICE PAGINAS
*/

.tekstTable {
	border: 1px solid #bebebe;
	padding: 10px;
	margin-bottom: 20px;
}



.tekstTable td {

	padding: 3px 5px 3px 5px;
}


#zoekfilterform {
	float: left;
	padding: 3px;
	border: none;
	background-color: White;
	}
	
div.filterZoeken {
	float: none;
	vertical-align: bottom;
	}
		

#zoekfilterform ul {
	height: auto;
	width: 187px;
	overflow:auto;
	padding-bottom: 5px;
		list-style: none;
	}

#zoekfilterform ul li {
	line-height: 12px;
	margin: 0;
	padding: 0px 0px 0px 20px;
	list-style: none;
	}
	
#zoekfilterform ul li input {
	margin-left: -32px;
	border: none;
	background: transparent;
	}	
	
#zoekfilterform ul li:hover,
#zoekfilterform ul li.selected
{
	background: #e5e5e5;
}





#groependiv {
	width: 300px;
	height: 90px;
	overflow: auto;
	background-color: white;
	line-height: 16px;
	border: 1px groove;
	padding-left: 5px;
}



/*
=========================================================================
===== RMA Formulier
*/

#factuurgegevens td {
	border-bottom: #bebebe 1px solid;
}



 #omschrijvingTable  {
	 border-collapse:collapse;
 }
 #IEroot  #omschrijvingTable  {
	 width: 100%;
 }
 #omschrijvingTable th {
	 border-collapse:collapse;
	 padding: 4px;
	 text-align:center;
 }
  #omschrijvingTable td {
	 border-bottom: #bebebe 1px solid;
	 border-collapse:collapse;
	 padding: 2px;
  }
 
 #omschrijvingTable td input {
 } 

 #IEroot #omschrijvingTable td input {
 } 

/* *** validatie *************************  */

form#rmaform label.error {
	margin-left: 10px;
	padding: 2px;
	color: #F00;
}
form#rmaform input.error {
	background: #ffa1a1;
	border:1px solid #666666;
	padding:2px;
}

form#rmaform #omschrijvingTable label.error  {
	margin: 0;
	font-size: 10px;
}
form#rmaform #omschrijvingTable input.error  {
	display: block;
}