/* font defenities */
body { 
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-width:3px;
}


table.outline {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
td.outline {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #EBEBEB;
	padding-top: 2px;
	padding-bottom: 2px;
}

td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color:#333333;}

td.interl_12 {line-height: 12pt;}
td.txt13 {font-size: 13px;}

td.artikeloverzicht {padding: 5px;}

td.prijseuro {color:#E90900; padding: 0px 0px 6px 0px;}
td.prijs_van11 {color:#39459C; padding: 0px 0px 6px 0px; font-weight: bold; text-decoration: line-through;}

.headerArticle{
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
	color: #E21219;
}
.headerZoek{
	font-weight: bold;
	font-size: 12px;
	color: #E21219;
}
.headerZoekCaps{
	font-weight: bold;
	font-size: 14px;
	color: #E21219;
}
.headerZoek_results{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFFFFF;
}
/* definieert de achtergrondkleur van de licht header op de homepage en artikelepagina  */
td.headerLight {padding: 0px 0px 0px 6px;
	margin: 0px;
	height: 20px;
	font-size: 13px;
}

td.headerlink {color:#ffffff; font-weight: bold; padding-bottom: 2px;}
td.tips {padding: 6px 4px 4px 6px;}
td.nieuwsbrief {color:#E21219; padding: 0px 0px 0px 8px;}

td.megasellers {padding: 8px 0px 0px 8px;}

/* Hieronder de definities die met de fixed items te maken hebben */

a.fixed:link, a.fixed:visited {font-size: 10px;color:#ffffff; text-decoration: none;}
a.fixed:hover {font-size: 10px;color:#ffffff; text-decoration: none; }
td.fixed {background-color: #39459C;}


/* alle links  */

a:link, a:visited {text-decoration: none; color:#333333;}
a:hover{text-decoration: underline; color:#333333;}

a.charts:link, a.charts:visited {text-decoration: none; color:#ffffff;}
a.charts:hover{text-decoration: underline; color:#ffffff;}

/* 

Hierboven wordt de default en mouseover linkkleur gedefinieerd. Je moet hier altijd een donkere kleur voor kiezen Je komt hem tegen bij: 

all stuff menu 
crossections menu (all links)

artikelnaam
artikelomschrijving

"gevonden artikelen"

In alle charts
*/


a.underlineBl:link, a.underlineBl:visited {text-decoration: underline; color:#E70810;}
a.underlineBl:hover{color:#E70810; text-decoration: underline;}

/*
Hierboven wordt de link en mouseover kleur van de "meer van" gedefinieerd in de artikeldetailsectie. 

*/

a.underlineB2:link, a.underlineB2:visited {text-decoration: underline; color:#39459C;}
a.underlineB2:hover{color:#E70810; text-decoration: underline;}


/*
Hierboven wordt de link en mouseover kleur van de de items onder "meer van" gedefinieerd in de artikeldetailsectie. 

*/

a.menuHfd:link, a.menuHfd:visited, a.menuHfd:hover {color: #333333; font-weight: bold; padding: 0px 0px 0px 12px;}

a.menuSub:link, a.menuSub:visited, a.menuSub:hover {color: #333333; padding: 0px 0px 0px 24px;}
a.menuSubOn:link, a.menuSubOn:visited, a.menuSubOn:hover {color: #E21219; padding: 0px 0px 0px 24px;}

a.menuSubSub:link, a.menuSubSub:visited, a.menuSubSub:hover{color: #333333; font-size: 10px; padding: 0px; left: auto; clip: rect(auto auto auto auto); margin-left: -9px; text-indent: 0px; list-style-type: none;}
a.menuSubSubOn:link, a.menuSubSubOn:visited, a.menuSubSubOn:hover{color: #333333; ; font-size: 10px; padding: 0px; left: auto; clip: rect(auto auto auto auto); margin-left: -9px; text-indent: 0px; list-style-type: none;}


a.menuLinks:link, a.menuLinks:visited, a.menuLinks:hover {color: #333333; padding: 0px; left: auto; margin-left: -4px; text-indent: 0px; list-style-type: none;} 
a.headerLink:link, a.headerLink:visited, a.headerLink:hover {color:#ffffff; font-weight: bold; padding: 0px 0px 0px;}


.lists { color:#39459C; padding: 0px 0px 2px 2px; text-decoration: none;}
a.lists:link, a.lists:visited{color:#39459C;text-decoration: none;}
a.bestsellers:hover{color:#E21219; text-decoration: none}


	
/* lijsten  */	

ul { margin: 0px;}

ul.subsub {
	margin: auto auto auto 40px;
	list-style : url(../img/pijltje_SubSub.gif) none outside;
	height: auto;
	width: auto;
	left: 0px;
	overflow: scroll;
	text-indent: 0pt;
	text-align: left;
	white-space: normal;
	padding: 0px;
}
ul.links {
	margin: auto auto auto 28px;
	clip:  rect(40px 50px 40px 50px);
	list-style : url(../img/bulletSmall.gif) none outside;
	left: 0px;
	text-indent: 0pt;
	text-align: left;
	white-space: normal;
	padding: 0px;
}

ul.list {
	margin: auto auto auto 18px;
	clip:   rect(40px 50px 40px 30px);
	list-style : url(../img/pijltje_rood.gif) none outside;
	left: 0px;
	text-indent: 0pt;
	text-align: left;
	white-space: normal;
	padding: 0px;
}

div.hr2 {
	height: 1px;
	background: #fff url(../img/line_spickle.gif) repeat fixed left;
	width: 124px;
	margin-left: 12px;
	margin-bottom: 2px;
	margin-top: 2px;
}
div.hr {
	height: 1px;
	background: #fff url(../img/line_spickle.gif) repeat fixed left;
	width: 124px;
	margin-left: -16px;
	margin-bottom: 2px;
	margin-top: 2px;
}
div.hr2 hr {
  display: none;
}
div.hr hr {
  display: none;
}


/* Backgrounds */


td.BgBestsellers {
   background: ;
	background-color: #36599F;
   }
   
td.BorderBestsellers {
   background: ;
	background-color: #36599F;
   }

td.BgComingsoon {
   background: ;
	background-color: #36599F;
   }
td.BorderComingsoon {
   background: ;
	background-color: #36599F;
   }  

td.BgNewinstore {
   background: ;
	background-color: #36599F;
   }
td.BorderNewinstore {
   background: ;
	background-color: #36599F;
   }
  
 /* bepaalt de kleur van het kader in de content */

 td.BorderKader {
   background: ;
	background-color: #ffffff;
   }  
   



/* form */
input.zoeken {font-family: verdana, arial, helvetica;font-size: 10px; color: #333333; margin-left: 6px; width:140px}
input.box {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #39459C;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 8px;

}
select.box {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #39459C;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 8px;
	background-color: #D4D9DF;

}

a.breadcrumb:link, a.breadcrumb:visited {text-decoration: none; color:#333333; font-size: 11px;}
a.breadcrumb:hover {text-decoration: underline; color:#333333; font-size: 11px;}

a.breadcrumb1:link, a.breadcrumb1:visited, a.breadcrumb1:hover {
	text-decoration: none;
	color:#E21219;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
		margin-left:5px;	
}

div.breadcrumb {
	text-decoration: none;
	color:#E90900;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin-left:5px;	
}

td.kop{
	font-weight: bold;
	background-color: #E70810;
	text-transform: uppercase;
	left: 0px;
	text-indent: 0px;
	cursor: auto;
	padding: 2px 5px 2px 4px;
	color: #FFFFFF;
}
