/* --------------------------------------------------------------------------------------------------------
body
---------------------------------------------------------------------------------------------------------*/

body {
	background:				#ccdded url("../../WSModules/WSTheme_Twepa/images/1.gif") repeat-y scroll 0px 0px;
	text-align:				center; /* voor het centreren van de pagewrapper tov de achtergrond */
	color:					#000;
	margin:					0; /* de afstand tussen de randen van browser en de pagewrapper */
	font:						normal 0.7em/1.5em Trebuchet MS, Arial, Verdana, Tahoma; /* geldt voor de hele pagina, fontgrootte=11px , regelafstand=16px*/
}


/* --------------------------------------------------------------------------------------------------------
pagewrapper (de ruimte waarin alle onderdelen komen binnen de achtergrond)
---------------------------------------------------------------------------------------------------------*/

div.container {
	width:					980px; /* dit is de breedte van de pagewrapper, voor 800x600 -> 760px, voor 1024x768 -> 984px */
	margin:					0; /* voor het centreren van de pagewrapper tov de achtergrond in FF */
	padding:					0;
	border:					0;
	background-color:		#FFF;
	text-align:				left; /* zonder deze zou alles IN de pagewrapper ook gecentreerd worden */
}


/* --------------------------------------------------------------------------------------------------------
basis, onderstaande geldt voor alle benoemde tags in het html document
---------------------------------------------------------------------------------------------------------*/

table {
	border:					0;
	border-collapse:		collapse;
	margin:					0;
	padding:					0;
}

td {
	vertical-align:		top;
}

form {
	margin:					0;
	padding:					0;
	display:					inline;
}

a:link, a:visited {
	color:					#0055a3;
	font-weight: 			bold;
	text-decoration:		underline;
}

a:hover, a:active {
	color:					#737373;
}

img {
	border:					0;
}

ul {
	/* dit zorgt ervoor dat de lijst in FF en IE er hetzelfde uitziet en netjes links aan de pagina lijnt, zonder inspringen */
	margin:					0 0 0 15px;
	padding:					0;
}

/* --------------------------------------------------------------------------------------------------------
basis layout hulpmiddelen
---------------------------------------------------------------------------------------------------------*/

.left {
	float:					left;
}

.right {
	float:					right;
}

.wrapper {
	/* deze om div's zetten waar een float in zit, zorgt ervoor dat de wrapper OM de content heen blijft */
	width:					100%;
	overflow:				hidden;
}

.relative {
	position:				relative;
}

.absolute {
	position:				absolute;
}

.clear {
	clear:					both;
}

.clearleft {
	clear:					left;
}

.clearright {
	clear:					right;
}

/* --------------------------------------------------------------------------------------------------------
h1 t/m h6
---------------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin:					0;
	padding:					0.8em 0;
}

h1 {
	font-size:					1.4em;
}
h2 {
	font-size:					1.3em;
}
h3 {
	font-size:					1.2em;
}
h4 {
	font-size:					1.1em;
}
h5 {
	font-size:					1em;
}
h6 {
	font-size:					0.9em;
}

h1.welkom {
	font-size:					1.5em;
	line-height:				100%;
	color:						#0055a3;
	padding:						8px 0 0 0;
	margin:						0 0 16px 0;
}


/* --------------------------------------------------------------------------------------------------------
formulier basis
---------------------------------------------------------------------------------------------------------*/

input, select, textarea {
	font:							normal 1em Trebuchet MS, Arial, Verdana, Tahoma;
	border:						solid 1px #737373;
	margin:						0;
}

input, textarea {
	padding:						1px 2px;
	background: 				#FFF url("../../WSModules/WSTheme_Twepa/images/bg_input.gif") repeat-x scroll 0 0;
}

.checkbox, .radio {
	border: 						0;
}




/* --------------------------------------------------------------------------------------------------------
main
---------------------------------------------------------------------------------------------------------*/

div.main {
	width:						980px;
	background:				 	transparent url("../../WSModules/WSTheme_Twepa/images/bg_dotted_sidebarleft.gif") repeat-y scroll 198px top; 
}

/* --------------------------------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------------------------------*/

div.header {
	width:						780px;
	height: 						58px;
	background-color: 		#ababab;
	color:						#ffffff;
	border-left:				solid 1px #efecdd;
}

div.header a.ingelogdals:link, div.header a.ingelogdals:visited {
	color:						#ffffff;
}

div.header a.ingelogdals:hover, div.header a.ingelogdals:active {
	color:						#52aba5;
}

/* inloggen---------------------*/
div.inloggen {
	padding:						6px 8px;
}

/* zoeken-----------------------*/
div.zoeken {
	padding:						6px 0 6px 15px;
}

div.zoeken table td {
	padding:						0 3px 3px 0;
}

div.zoeken select.productgroep {
	width: 						210px;
}

div.zoeken input.omschrijving {
	width: 						204px;
}

div.zoeken input.artikelnr {
	width: 						90px;
}

/* taal-----------------------*/
div.taal {
	padding:						4px 0px;
}

div.taal a {
	margin:						0 6px 0 0;
}


/* help-----------------------*/
a.help:link, a.help:visited {
	text-align: 				right;
	color: 						#ffffff;
	background:				 	transparent url("../../WSModules/WSTheme_Twepa/images/icon_help.gif") no-repeat scroll 0 -1px;
	padding: 					0 0 0 20px;
	line-height: 				32px;
	height:						32px;
}

a.help:hover, a.help:active {
	color: 						#34270C;
}

/* rss-----------------------*/
a.rss:link, a.rss:visited {
	text-align: 				right;
	color: 						#E9F2F8;
	background:				 	transparent url("../../WSModules/WSTheme_Twepa/images/icon_rss.gif") no-repeat scroll 0 -1px;
	padding: 					0 0 0 20px;
	line-height: 				32px;
	height:						32px;
}

a.rss:hover, a.rss:active {
	color: 						#FFF;
}



/* --------------------------------------------------------------------------------------------------------
clickpath
---------------------------------------------------------------------------------------------------------*/

div.clickpath {
	color:						#ACACAC;
	font-size:					0.9em;
}

div.clickpath a:link, div.clickpath a:visited {
	color:						#888;
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/bg_clickpath.gif") no-repeat scroll right center;
	padding:						0 7px 0 0;
	margin:						0 7px 0 0;
	font-weight: 				normal;
}

div.clickpath a:hover, div.clickpath a:active {
	color:						#737373;
}


/* --------------------------------------------------------------------------------------------------------
sidebar left (winkelwagen, navigatie, inloggen en gerelateerde websites)
---------------------------------------------------------------------------------------------------------*/

div.sidebarleft {
	width:						199px;
}


/* winkelwagen ------------------------------------------------------------------------------------------*/
div.winkelwagen {
	background-color:			#898989;
	color:						#ffffff;
	border-bottom:				solid 1px #faf9f4;
}

div.winkelwagen div.ww-preview {
	padding: 					5px 10px;
	background-color:	 		#ababab; 
}

div.winkelwagen h2 {
	background:			 		#898989 url("../../WSModules/WSTheme_Twepa/images/icon_winkelwagen2.gif") no-repeat scroll left center; 
	line-height: 				25px;
	height:						25px;
	font-size: 					1em;
	padding: 					0 10px 0 35px;
	margin:						0;
}

div.winkelwagen div.divider {
	border:						0;
	height:						1px;
	line-height: 				1px;
	margin:						5px 0;
	padding:						0;
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/bg_dotted_ww.gif") repeat-x scroll 0 0;
}

img.pricealertmessage
{
    background-image: url("../../WSModules/WSTheme_Twepa/images/icon_pricealertmessage.gif");
    height:16px;
    width:16px;
}
/* btn's-------------------------------------*/

div.btn-wrapper {
	margin: 						5px 0;
	line-height:				16px;
}

span.btn-wrapper {
	margin: 						5px 0;
	line-height:				16px;
}

/* btn1------------------------*/
a.btn1:link, a.btn1:visited {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn1-left.gif") no-repeat scroll left top;
	padding:						0 3px 0 6px;
	line-height: 				16px;
	height:						16px;
	color:						#fff;
	text-decoration:			none;
	display: 					inline-block;
}

a.btn1:hover, a.btn1:active {
	text-decoration:			underline;
}

span.btn1-closer {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn1-right.gif") no-repeat scroll right top;
	padding:						0;
	line-height: 				16px;
	height:						16px;
	display: 					inline-block;
}

/* btn2------------------------*/
a.btn2:link, a.btn2:visited {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn2-left.gif") no-repeat scroll left top;
	padding:						0 3px 0 6px;
	line-height: 				16px;
	height:						16px;
	color:						#fff;
	text-decoration:			none;
	display: 					inline-block;
}

a.btn2:hover, a.btn2:active {
	text-decoration:			underline;
}

span.btn2-closer {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn2-right.gif") no-repeat scroll right top;
	padding:						0;
	line-height: 				16px;
	height:						16px;
	display: 					inline-block;
}

/* btn3------------------------*/
a.btn3:link, a.btn3:visited {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn3-left.gif") no-repeat scroll left top;
	padding:						0 3px 0 6px;
	line-height: 				16px;
	height:						16px;
	color:						#FFF;
	text-decoration:			none;
	display: 					inline-block;
}

a.btn3:hover, a.btn3:active {
	text-decoration:			underline;
}

span.btn3-closer {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn3-right.gif") no-repeat scroll right top;
	padding:						0;
	line-height: 				16px;
	height:						16px;
	display: 					inline-block;
}

/* btn4------------------------*/
a.btn4:link, a.btn4:visited {
	background:					#dfdfdf url("../../WSModules/WSTheme_Twepa/images/bg_btn3-left.gif") no-repeat scroll left top;
	padding:						0 3px 0 6px;
	line-height: 				16px;
	height:						16px;
	color:						#FFF;
	text-decoration:			none;
	display: 					inline-block;
}

a.btn4:hover, a.btn4:active {
	text-decoration:			underline;
}

span.btn4-closer {
	background:					#dfdfdf url("../../WSModules/WSTheme_Twepa/images/bg_btn3-right.gif") no-repeat scroll right top;
	padding:						0;
	line-height: 				16px;
	height:						16px;
	display: 					inline-block;
}

/* btn5------------------------*/
a.btn5:link, a.btn5:visited {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn3-left.gif") no-repeat scroll left top;
	padding:						0 3px 0 6px;
	line-height: 				16px;
	height:						16px;
	color:						#FFF;
	text-decoration:			none;
	display: 					inline-block;
}

a.btn5:hover, a.btn5:active {
	text-decoration:			underline;
}

span.btn5-closer {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn3-right.gif") no-repeat scroll right top;
	padding:						0;
	line-height: 				16px;
	height:						16px;
	display: 					inline-block;
}

/* btn6------------------------*/
a.btn6:link, a.btn6:visited {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn1-left.gif") no-repeat scroll left top;
	padding:						0 3px 0 6px;
	line-height: 				16px;
	height:						16px;
	color:						#FFF;
	text-decoration:			none;
	display: 					inline-block;
}

a.btn6:hover, a.btn6:active {
	text-decoration:			underline;
}

span.btn6-closer {
	background:					#5c5050 url("../../WSModules/WSTheme_Twepa/images/bg_btn1-right.gif") no-repeat scroll right top;
	padding:						0;
	line-height: 				16px;
	height:						16px;
	display: 					inline-block;
}


/* images met border en schaduwrand ----------------------------------------------------------------------*/
/* small -----*/
div.imgwrapper-s input {
	border:						solid 1px #575757;
	padding:					0px;
	background-color: 			#FFF;	
	background-image:           none;	
}

div.imgwrapper-s {
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/bg_productimage_s.gif") no-repeat scroll right bottom;
	padding:					4px 4px 4px 1px;
	width: 19px;
    min-height:                 19px; /* MAN 29-07-2009 op deze manier werken FF,Safari,IE hetzelfde */
    height:                     auto !important;
    height:                     19px;
}

/* medium -----*/
div.imgwrapper-m input {
	border:						solid 1px #575757;
	padding:					0px;
	background-color: 			#FFF;	
	background-image:           none;	
}

div.imgwrapper-m {
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/bg_productimage_m.gif") no-repeat scroll right bottom;
	padding:					1px 4px 4px 1px;
	width:                      40px;
    min-height:                 40px; /* MAN 29-07-2009 op deze manier werken FF,Safari,IE hetzelfde */
    height:                     auto !important;
    height:                     40px;
	margin:						0 0 0 5px;
}


/* large -----*/
div.imgwrapper-l input {
	border:						solid 1px #575757;
	padding:					0px;
	background-color: 			#FFF;	
	background-image:           none;
}

div.imgwrapper-l {
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/bg_productimage_l.gif") no-repeat scroll 0 0;
	padding:					1px 4px 4px 1px;
	width: 190px;
    min-height:                 190px; /* MAN 29-07-2009 op deze manier werken FF,Safari,IE hetzelfde */
    height:                     auto !important;
    height:                     190px;
}


/* hyperlinks met icons ----------------------------------------------------------------------*/
a.print:link, a.print:visited {
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/icon_print.gif") no-repeat scroll top left;
	padding:						15px 0 0 0;
	height:						15px;
	line-height: 				15px;
	display:						inline-block;
	font-size:					0.9em;
	color:						#888888;
	text-decoration: 			none;
	margin: 						0 5px;
}

a.print:hover, a.print:active {
	text-decoration: 			underline;
}

a.email:link, a.email:visited {
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/icon_email.gif") no-repeat scroll top left;
	padding:						15px 0 0 0;
	height:						15px;
	line-height: 				15px;
	display:						inline-block;
	font-size:					0.9em;
	color:						#888888;
	text-decoration: 			none;
	margin: 						0 5px;
}

a.email:hover, a.email:active {
	text-decoration: 			underline;
}

a.verwijderen:link, a.verwijderen:visited {
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/icon_verwijderen.gif") no-repeat scroll top center;
	padding:						15px 0 0 0;
	display:						block;
	display:						inline-block;
	font-size:					0.9em;
	color:						#888888;
	text-decoration: 			none;
	margin: 						0 5px;
	text-align: 				center;
}

a.verwijderen:hover, a.verwijderen:active {
	text-decoration: 			underline;
}

a.pdf:link, a.pdf:visited {
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/icon_pdf.gif") no-repeat scroll center left;
	padding:						0 0 0 19px;
	height:						16px;
	line-height: 				16px;
	margin: 						8px 0;
	display:						block;
}

a.doc:link, a.doc:visited {
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/icon_doc.gif") no-repeat scroll center left;
	padding:						0 0 0 19px;
	height:						16px;
	line-height: 				16px;
	margin: 						8px 0;
	display:						block;
}




/* navigatie ---------------------------------------------------------------------------------------------*/

div.nav {
	background-color: 		#898989;
	color:						#ffffff;
	padding:						10px;
}

div.nav ul {
	margin:						0;
	padding:						0;
	list-style-type: 			none;
}

div.nav a:link, div.nav a:visited {
	text-decoration:			none;
	color:						#ffffff;
	font-weight:				bold;
}

div.nav a:hover, div.nav a:active {
	text-decoration:			underline;
	background: 				none;
}

div.nav div.divider {
	border:						0;
	height:						1px;
	line-height: 				1px;
	margin:						5px 0;
	padding:						0;
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/bg_dotted_nav.gif") repeat-x scroll 0 0;
}



/*-- inlogbox ----------------------------------*/
div.inlogbox-sidebarleft {
	background-color:			#bcbcbc;
	margin:						10px;
	padding:						5px;
	color:						#ffffff;
}

div.inlogbox-sidebarleft h3 {
	font-size:					1em;
	margin:						2px 0 5px 0;
	padding:						0;				
}

div.inlogbox-sidebarleft input {
	width: 						150px;
	display: 					block;
}

div.inlogbox-sidebarleft a.inlogbox:link, div.inlogbox-sidebarleft a.inlogbox:visited {
	color:						#fff;
	display:						block;
	line-height:				170%;
}

div.inlogbox-sidebarleft a.inlogbox:hover, div.inlogbox-sidebarleft a.inlogbox:active {
	color:						#5c5050;
}

/* sidebarleft  gerelateerde websites --------------- */
div.gerelateerdesites {
	margin:						10px 10px 20px 10px;
}

div.gerelateerdesites h4 {
	font-size:					1em;
	color:						#000;
	padding:						0;
	margin: 						20px 0 10px 0;
}

div.gerelateerdesites a:link, div.gerelateerdesites a:visited {
	color:						#ababab;
}

div.gerelateerdesites a:hover, div.gerelateerdesites a:active {
	color:						#0055a3;
}

div.gerelateerdesites ul {
	margin:						0;
	padding:						0;
	list-style-type: 			none;
}

div.gerelateerdesites li {
	line-height:				1.1em;
	margin:						0 0 5px 0;
}

/* --------------------------------------------------------------------------------------------------------
content
---------------------------------------------------------------------------------------------------------*/

div.content {
	width:						781px;
}


/* --------------------------------------------------------------------------------------------------------
contentbox
---------------------------------------------------------------------------------------------------------*/

div.contentbox {
	width:						761px;
	padding:						10px;
}

div.twocolumns {
	width:						375px;
}

div.twocolumns2-3 {
	width:						551px;
}

div.twocolumns1-3 {
	width:						199px;
}

div.twocolumnsleft{
	width:						450px;
}

div.twocolumnsright{
	width:						300px;
}

/* specifiek voor home --------------- */
h2.home {
	background-color: 		#737373;
	color:						#FFF;
	font-size:					1.3em;
	padding:						2px 8px;
	margin:						0 0 4px 0;
}

div.home-productgroepbox {
	border:						solid 1px #d1d3d4;
	padding:						1px;
	width:						176px;
	text-align: 				center;
	margin:						0 13px 5px 0;
}

a.home-productgroepbox:link, a.home-productgroepbox:visited {
	background-color: 		#0055a3;
	color: 						#fff;
	font-size:					1em;
	text-align: 				left;
	padding:						2px 8px;
	margin:						0;
	display:						block;
	text-decoration:			none;
}
div.home-productgroepbox div.title-overflow
{
	overflow:					hidden;
	height:						18px;
	width:						176px;
}

div.home-productgroepbox div.eigenschappen div.title-overflow
{
	width:						158px;
}

/*
a.home-productgroepbox2:link, a.home-productgroepbox2:visited {
	background-color: 		#f26532;
	color: 						#fff;
	font-size:					1em;
	text-align: 				left;
	padding:						2px 8px;
	margin:						0;
	display:						block;
	text-decoration:			none;
}

a.home-productgroepbox:link, a.home-productgroepbox3:visited {
	background-color: 		#f26532;
	color: 						#fff;
	font-size:					1em;
	text-align: 				left;
	padding:						2px 8px;
	margin:						0;
	display:						block;
	text-decoration:			none;
}

a.home-productgroepbox4:link, a.home-productgroepbox4:visited {
	background-color: 		#0055a3;
	color: 						#fff;
	font-size:					1em;
	text-align: 				left;
	padding:						2px 8px;
	margin:						0;
	display:						block;
	text-decoration:			none;
}
*/
div.lastitem {
	margin:						0 0 5px 0;
}

div.lastitem2 {
	margin:						0 0 5px 0;
}

/*-- home nieuwsbericht box ----------------------------------*/
div.home-nieuwsbericht {
	padding:						5px;
}

div.home-nieuwsbericht span.datum {
	color:						#575757;
	margin:						0 8px 0 0;
}

/*-- home aanbiedingen box ----------------------------------*/
div.home-aanbiedingbox {
	border:						solid 1px #cddbe9;
	padding:						1px;
	width:						176px;
	text-align: 				center;
	margin:						0 5px 5px 0;
}

a.home-aanbiedingbox:link, a.home-aanbiedingbox:visited {
	background-color: 		#0055a3;
	color: 						#ffffff;
	font-weight:				normal;
	text-align: 				left;
	font-size:					1em;
	padding:						2px 8px;
	margin:						0;
	display:						block;
	text-decoration:			none;
}

div.home-aanbiedingbox div.title-overflow
{
	overflow:					hidden;
	height:						18px;
	width:						176px;
}

div.home-aanbiedingbox div.eigenschappen {
	text-align:					left;
	background-color:			#f2f6fa;
	padding:						5px;
}

div.home-aanbiedingbox div.eigenschappen a {
	display:						block;
	text-decoration: 			none;
}

div.home-aanbiedingbox div.eigenschappen div.title-overflow
{
	width:						166px;
}

div.home-aanbiedingbox div.eigenschappen div.prijs {
	color:						#000;
	font-weight:				bold;
}

div.home-aanbiedingbox div.eigenschappen em {
	background-color:			#FFDD00;
	font-size:					1.1em;
	font-style: 				normal;
}

div.home-vrijeactiebox {
	border:						solid 1px #f6e0aa;
	padding:						1px;
	width:						176px;
	text-align: 				center;
	margin:						0 5px 5px 0;
}

/*-- home nieuw artikel box ----------------------------------*/
div.home-nieuwbox {
	border:						solid 1px #f7d8cd;
	padding:						1px;
	width:						176px;
	text-align: 				center;
	margin:						0 5px 5px 0;
}

a.home-nieuwbox:link, a.home-nieuwbox:visited {
	background-color: 		#f26532;
	color: 						#FFF;
	font-weight:				normal;
	text-align: 				left;
	font-size:					1em;
	padding:						2px 8px;
	margin:						0;
	display:						block;
	text-decoration:			none;
}

div.home-nieuwbox div.title-overflow
{
	overflow:					hidden;
	height:						18px;
	width:						176px;
}

div.home-nieuwbox div.eigenschappen {
	text-align:					left;
	background-color:			#fff7f4;
	padding:						5px;
}

div.home-nieuwbox div.eigenschappen a {
	display:						block;
	text-decoration: 			none;
}

div.home-nieuwbox div.eigenschappen div.title-overflow
{
	width:						166px;
}

div.home-nieuwbox div.eigenschappen div.prijs {
	color:						#000;
	font-weight:				bold;
}

div.home-nieuwbox div.eigenschappen em {
	background-color:			#FFDD00;
	font-size:					1.1em;
	font-style: 				normal;
}


/* --------------------------------------------------------------------------------------------------------
specifiek voor zoekresultaatpagina
---------------------------------------------------------------------------------------------------------*/

div.zoekres-terug {
	margin: 						10px 0;
}

div.zoekres-specs {
	font-size:					1.2em;
}

div.zoekres-pagenav {
	margin:						10px 0;
}

span.zoekres-pagenav-true {
	font-weight: 				bold;
	color:						#5c5050;
	padding:						0 7px;
}

div.zoekres-table {
	border:						solid 1px #d5d5d5;
	padding:						1px;
	margin:						10px 0;
}

div.zoekres-table table th {
	background-color: 		#737373;
	color:						#fff;
	font-weight:				normal;
	padding:						2px 7px 2px 0;
	text-align: 				left;
}

div.zoekres-table table th.alignright {
	text-align: 				right;
}

div.zoekres-table table td {
	padding:						3px 7px 3px 0;
	background:			 		transparent url("../../WSModules/WSTheme_Twepa/images/bg_dotted_zoekres.gif") repeat-x scroll 0 bottom;
	text-align: 				left;
}

div.zoekres-table table td.last {
	background:			 		none;
}

div.zoekres-table table th a:link, div.zoekres-table table th a:visited {
	color:						#fff;
}

div.zoekres-table table th a:hover, div.zoekres-table table th a:active {
	color:						#fff;
}

div.zoekres-table table td ul {
	margin:						3px 0;
	padding:						0;
	list-style-type:			none;
}

div.zoekres-table table td li {
	line-height:				1.1em;
	margin:						0 0 5px 0;
}

div.zoekres-table table td.totaal {
	background-color: 		#f2f6fa;
	padding:						9px 7px 9px 0;
	text-align: 				left;
}

div.zoekres-table table td.totaalprijs {
	background-color: 		#e9f4f3;
	font-weight:				bold;
	font-size:					1.3em;
	padding:						9px 7px 9px 0;
	text-align: 				left;
}

div.zoekres-table table td input.winkelwagen-aantal {
	width:						35px;
}

div.zoekres-table table td.alignright {
	text-align: 				right;
}

/* --------------------------------------------------------------------------------------------------------
specifiek voor productdetail pagina
---------------------------------------------------------------------------------------------------------*/
h1.proddetail {
	font-size:					1.2em;
	color:						#000;
}

div.proddetail-detailinfo table td {
	
	padding:						0 20px 0 0;
}

h2.proddetail {
	font-size:					1em;
}

div.proddetail-snelbestellen {
	background-color: 		#f2f6fa;
	padding:						5px;
	width: 						320px;
}

div.proddetail-snelbestellen table td {
	padding:						0 0 5px 0;
}


/* --------------------------------------------------------------------------------------------------------
specifiek voor winkelwagen pagina
---------------------------------------------------------------------------------------------------------*/
h1.winkelwagen {
	font-size:					1.3em;
	margin-bottom: 			0.4em;
	color:						#000;
}


/* --------------------------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------------------------*/

div.footer {
	background-color: 		#0055a3;
	color:						#ccdded;
	font-size:					0.9em;
	height:						25px;
	line-height:				25px;
	padding: 					0 10px;
	width:						960px;
}

div.footer a:link, div.footer a:visited {
	color:						#ccdded;
	font-weight:				normal;
	text-decoration: 			none;
}

div.footer a:hover, div.footer a:active {
	color:						#ababab;
}



div.searchnav {width:132px;float:left;padding:10px 15px 0 0;}
div.searchcontent {width:612px;float:left;}

/* -- navigation ------------------------------------------------------------------- */
div.catnav {clear:both;background-color:#ababab;}
ul.catnav {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 780px;
	border-left:1px solid #efecdd;
}
ul.catnav li {
	float: left;
	line-height: 20px;
	margin: 0 0 0 3px;
}
ul.catnav a, ul.catnav a:visited {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll 0 -20px;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-weight:normal;
}
ul.catnav a:hover, ul.catnav a:active {background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll left -40px;}
ul.catnav a span, ul.catnav a:visited span {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll right -20px;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}
ul.catnav a:hover span, ul.catnav a:active span {color: #024177;background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll right -40px;}
ul.catnav a.true, ul.catnav a.true:visited {background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll 0 0;color: #024177;}
ul.catnav a.true:hover, ul.catnav a.true:active {color: #024177;}
ul.catnav a.true span, ul.catnav a.true:visited span {background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll right 0;}
ul.catnav li.last a span, ul.catnav li.last a:visited span {background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll right -60px;}
ul.catnav li.last a, ul.catnav li.last a:visited {background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll left -60px;}
ul.catnav li.last a:hover span {background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll right -80px;}
ul.catnav li.last a:hover {background: transparent url("../../WSModules/WSTheme_Twepa/images/bg_tabs.gif") no-repeat scroll left -80px;}

div.searchnav-list {margin:0 0 5px 0; word-wrap:break-word}
div.searchnav-list ul {margin:0;padding:0;list-style:none;}
div.searchnav-list ul li {overflow:hidden;width:100%;padding: 0 0 1px 0;margin:0;}
div.searchnav-list a, div.searchnav-list a:visited {float:left;width:115px;display:block;color:#000;text-decoration:none;font-size:1em;font-weight:bold;}
div.searchnav-list a:hover {color:#000;text-decoration:underline}
div.searchnav-list ul a, div.searchnav-list ul a:visited {float:left;width:115px;display:block;color:#1f7eb4;text-decoration:none;font-weight:normal;}
div.searchnav-list ul a:hover {color:#024177;text-decoration:underline}
div.searchnav-list ul a.delete {width:16px!important;background:transparent url(../../WSModules/WSTheme_Twepa/images/btn_delete_0.gif) no-repeat scroll 0 0; text-indent:-9999px;height:16px;}
div.searchnav-list ul a.delete:hover {background:transparent url(../../WSModules/WSTheme_Twepa/images/btn_delete_1.gif) no-repeat scroll 0 0;}
div.searchnav-list select {float:left;width:115px;display:block;margin:2px 0;}
div.searchnav-list h4, div.searchnav-list h5 {padding:0;}

div.addsearch {overflow:hidden;width:100%;margin:0 0 10px 0;}
div.addsearch input.textfield {width:106px;float:left;margin:0 3px 0 0;display:block;}
div.addsearch a.search {float:left;}

div.zoeken table td a, div.zoeken table td a:visited {color:#fff;margin-left:3px;}
div.zoeken table td {vertical-align:middle;}


.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/background: yellow;}
/*dropdown*/
.anylinkmenu{
position: absolute;
left: 0;
top: 0;
margin:1px 0 0 -1px;
visibility: hidden;
border: 1px solid #fff;
border-top: none;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background-color: #acacac;
width: 200px; /* default width for menu */
}
.anylinkmenu ul{margin: 0;padding: 0;list-style-type: none;}
.anylinkmenu ul li a, .anylinkmenu ul li a:visited{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ddd;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
text-indent: 8px;
color: #fff;
}
.anylinkmenu ul li a:hover{ /*hover background color*/
background: #cdcdcd;
color: #024177;
}
.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
display:none;
}