/*===================================================================================================*/
/* Definities m.b.t. de indeling van het scherm */
/*===================================================================================================*/

p,ul,ol,td,th,input				{ vertical-align: top; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; }

body							{ width: 100%; height: 100%; background-color: #009CCE; padding: 0px; margin: 0px; }

img								{ border: 0px; }
html,body 				{	margin: 0px;	padding: 0px;}
hr								{ color:#218cbd; }
li								{ }

.i								{ font-style: italic; }
h1								{ font-size: 16pt; letter-spacing: 4px; font-weight: normal; vertical-align: bottom; padding: 20px 0px 10px 0px; margin: 0px; color: #218CBD; text-align: left; }
h2								{ font-size: 10pt; letter-spacing: 2px; font-weight: bold; vertical-align: bottom; padding:  0px 0px 0px 0px; margin: 0px; color: #218CBD; text-align: left; line-height: 1.5em; }
h3								{ font-size: 9pt; font-weight: bold; vertical-align: bottom; padding:  10px 0px 0px 0px; margin: 0px; color: #218CBD; text-align: left;}
p									{ margin: 0px 0px 1em 0px; line-height: 1.5em; }
strong						{ letter-spacing: 1px; }
		
a									{ color: #218CBD; font-weight: bold; text-decoration: none; }
a:hover						{ color: #005278; text-decoration: underline; }

.fl_img						{ float: right;}

table#omhullend			{ width: 100%; height: 100%; }
td#td_omhullend			{ text-align: center; vertical-align: top; height:100%; }
div#divContainer 		{	position: relative;	text-align: left;	margin-left: auto;	margin-right: auto;	width: 990px; height: 100%;	}

table#inhoud			{ width: 990px; height: 100%; border: none; border-right: solid 1px #218CBD; border-left: solid 1px #218CBD; background-color:#FFFFFF; margin:0 0 0 0; vertical-align:top; }
div#div_inhoud		{ width: 100%; overflow:hidden; vertical-align:top; margin:0 0 0 0; border: none 2px purple; background-image: url(../img/bgDivInhoud.gif); background-repeat: repeat-x; }
div#div_content		{ width: 716px; padding: 0px 15px; border: none 1px green; }

div#div_WSContent			{ width: 530px; padding: 0px 0px 0px 15px; border: none 1px green; }
div#div_WSOCContent		{ width: 716px; padding: 0px 15px; border: none 1px green; }

table tr th { text-align: left; }

/*===================================================================================================*/
/* Definities m.b.t. acties */
/*===================================================================================================*/

h2.aanbiedingen							{ font-size: 10pt; letter-spacing: 2px; font-weight: bold; vertical-align: bottom; padding:  0px 0px 0px 0px; margin: 0px; color: #218CBD; text-align: left; line-height: 1.5em; }
p.aanbiedingen_inleiding    
{
	margin-top: 400px !important;
	margin: 0px 0px 1em 0px; 
	line-height: 1.0em; 
	}

div#acties 									{ text-align: center; }
div#acties table 						{ width: 500px; border-top: solid 1px #218CBD; background-color: white; }
div#acties td								{ padding: 2px 10px 2px 10px; }
div#acties b								{ color: #005278; }

table#tblProducten		{ vertical-align:middle; text-align:center;}
table#tblProducten td	{ margin:20px 0px 20px 0px;}

/*===================================================================================================*/
/* Definities m.b.t. het menu */
/*===================================================================================================*/

table#menu								{ border-bottom: solid 1px #218CBD; height: 20px; width: 746px; background-color: #218CBD; }
table#menu td							{ padding: 0px 0px 0px 0px; margin: 0px; }
table#menu a							{ display: block; background-color: #218CBD; color: #fff; width: 100%; text-align: center; padding: 2px 0px 4px 0px; margin: 0px; }
table#menu a:hover				{ background-color: #ADE5FF; color: #054D6F; text-decoration: none; }

/*===================================================================================================*/
/* Definities m.b.t. de onderbalk */
/*===================================================================================================*/

td#copyright							{ background-color: #218CBD; height:14px;  text-align:right; font-size: 11px; color: #BCD2F0; padding: 0px 10px 0px 10px;  }
td#copyright a						{ color: #BCD2F0; text-decoration: none; font-weight: normal; }
td#copyright a:hover			{ color: #fff; }

/*===================================================================================================*/
/* Definities m.b.t. de bovenbalk */
/*===================================================================================================*/

td.top										
{ 
	height: 10px !important; 
	* height: 10px;
	background-color: #eee; 
	border-bottom: solid 1px #218CBD;
}
td#logo										
{
	padding: 65px 5px 5px 12px !important;
	* padding: 5px 5px 5px 12px; 
	vertical-align: top; 
}
td.title									{ font-size: 16pt; letter-spacing: 4px; font-weight: normal; vertical-align: bottom; padding: 20px 30px 10px 10px; color: #218CBD; text-align: right; }

/*===================================================================================================*/
/* Definities m.b.t. de foto en het adres links */
/*===================================================================================================*/

table#adresTab						{ margin-top: 30px;}
td#adres									{ text-align: right; vertical-align: top; padding: 7px 0px 5px 0px; width:240px; border-right: solid 1px #218cbd; text-align:center;}
td#adres td								{ font-size: 10px; color: #666; padding: 1px; }
td#adres a								{ font-size: 10px; color: #666; text-decoration: underline; }
td#adres a:hover					{ color: #000; }
td#adres img							{ border: 0px; margin: 0px 0px 10px 0px; }

/* WK voetbalspel banner onder het adres */
.voetbalBanner						{ padding-top:15px; }
.voetbalBanner2						{ text-align:center; padding-top:20px; }

/* tabel waar op de productpagina onderaan*/
table#prodTab							{ margin: 1px; width: 520px; text-align: center; margin: 10px 0 50px 0}
table#prodTab th					{ background-color: #fff;}
table#prodTab td					{ background-color: #EEE; height: 35px; vertical-align: middle;}

/*===================================================================================================*/
/* Definities m.b.t. de webshop */
/*===================================================================================================*/

td#wsTdInhoud 							{ background-color: #fff; background-image: url(../img/bgWSContent.gif); background-repeat: repeat-y; height:100%; width:100%; }

td#wsAdres 									{ vertical-align: top; padding: 0px 0px 5px 0px; width:240px; border-right: solid 1px #218cbd; }
td#wsAdres h1								{ width: 100%; text-align: center; margin: 4px 0px; font-size: 30px; letter-spacing: 6px; height: 52px; }
td#wsAdres td								{ font-size: 10px; color: #666; padding: 1px; }
td#wsAdres a								{ font-size: 10px; color: #666; text-decoration: underline; }
td#wsAdres a:hover					{ color: #000; }
td#wsAdres .main						{ margin: 0px 0px 10px 24px; }
td#wsAdres table.zoeken			{ margin: 0px 0px 10px 23px; border-collapse: collapse; }
td#wsAdres table.zoeken td	{ vertical-align: middle; padding: 0px 4px 4px 0px; }

td#tdColumnRight						{ text-align: right; vertical-align: top; padding: 0px 0px 5px 0px; width:200px; border-left: solid 1px #218cbd; text-align:center;}
td#tdColumnRight h1					{ width: 100%; text-align: center; margin: 4px 0px; font-size: 30px; letter-spacing: 6px; height: 52px; }
td#tdColumnRight td					{ font-size: 10px; color: #666; padding: 1px; }
td#tdColumnRight a					{ font-size: 10px; color: #666; text-decoration: underline; }
td#tdColumnRight a:hover		{ color: #000; }
td#tdColumnRight img				{ border: 0px; margin: 0px 0px 10px 0px; }

td#wsLegenda													{ vertical-align: top; padding: 20px 0px 5px 0px; width:240px; border-right: solid 1px #218cbd; }
td#wsLegenda img											{ margin: 0px 0px 0px 16px; }
td#wsLegenda h1												{ width: 100%; text-align: center; padding: 4px 0px; font-size: 30px; letter-spacing: 6px; }
td#wsLegenda p												{ width: 100%; padding: 4px 20px; }
td#wsLegenda table.zoeken							{ margin: 10px 20px; border-collapse: collapse; }
td#wsLegenda table.zoeken td					{ vertical-align: middle; padding: 0px 4px 4px 0px; }

div#productTree1											{ width: 100%; border-top: solid 1px #218CBD; padding: 0px; padding: 0px; }
div#productTree1 div#ptContent				{ margin: 15px 0px; }

/* winkelwagen samenvatting */	
table.wwSummary											{ width: 100%; border-bottom: solid 1px #218CBD; background-color: #f8f8f8;  }
table.wwSummary th									{ font-weight: normal; padding: 0px 10px 4px 10px; text-align: left; font-size: 11px; }
table.wwSummary td									{ text-align: right; padding: 0px 10px 0px 0px;  font-size: 12px; }
table.wwSummary td.titel						{ text-align: left; font-size: 18px; background-image: url(../img/shoppingCard_48x48.jpg); background-position: 0px 4px; background-repeat:no-repeat; }
table.wwSummary td h2								{ font-size: 14px; letter-spacing: 1px; padding: 14px 0px 14px 56px; border: none 1px green; }
table.wwSummary span								{ font-size: 12px; margin-right: 12px; }
table.wwSummary td.afrekenen				{ text-align: right; padding: 20px 10px 8px 10px; height: 20px; }
table.wwSummary td.afrekenen a			{ text-decoration: underline; font-size: 12px; font-weight: bold; margin: 4px 10px 0px 0px; }
table.wwSummary td.afrekenen a:hover{ color: #FFB527; }

/* help */	
table.wwHelp												{ width: 100%; border-bottom: solid 1px #218CBD; background-color: #f8f8f8;  }
table.wwHelp th											{ font-weight: normal; padding: 0px 10px 4px 10px; text-align: left; font-size: 11px; }
table.wwHelp td											{ text-align: left; padding: 0px 10px 0px 4px;  font-size: 12px; }
table.wwHelp td.titel								{ text-align: left; font-size: 18px; background-image: url(../img/btnHelp.jpg); background-position: 4px 4px; background-repeat:no-repeat; }
table.wwHelp td h2									{ font-size: 14px; letter-spacing: 1px; padding: 14px 0px 14px 56px; border: none 1px green; }
table.wwHelp p											{ margin: 0px 12px 0px 8px; color: #000; font-size: 11px; }
table.wwHelp p.afrekenen a					{ text-decoration: underline; font-size: 12px; font-weight: bold; }
table.wwHelp p.afrekenen a:hover		{ color: #FFB527; font-size: 12px; }

/* winkelwagen inloggen */	
table.wwInloggen										{ width: 100%; border-bottom: solid 1px #218CBD; background-color: #f8f8f8; }
table.wwInloggen p									{ margin: 0px; padding: 0px; font-size: 10px; color: #999; }
table.wwInloggen input.tekst				{ width: 180px; height: 20px; font-size: 11px;  }
table.wwInloggen input.knop					{ width: 70px; height: 20px; font-size: 11px; margin-top: 8px; float: right; }
table.wwInloggen th									{ font-weight: normal; padding: 0px 10px 4px 10px; text-align: left; font-size: 12px; }
table.wwInloggen td									{ text-align: right; padding: 0px 10px 0px 0px;  font-size: 12px; }
table.wwInloggen td.titel						{ text-align: left; height: 50px; font-size: 18px; background-image: url(../img/Persoonsgegevens_48x48.jpg); background-position: 4px 0px; background-repeat:no-repeat; }
table.wwInloggen td h2							{ font-size: 14px; margin: 14px 0px 4px 56px; }

.ingelogd														{ background-image: url(../img/Persoonsgegevens_48x48.jpg); background-position: 4px -8px; background-repeat:no-repeat; }
.ingelogd														{ padding: 0px 0px 10px 0px; border-bottom: solid 1px #218CBD; background-color: #f8f8f8; }
.ingelogd h2												{ font-size: 14px; margin: 10px 0px 14px 56px; padding-top: 8px; }
.ingelogd	p													{ color: #000; font-size: 12px; margin: 0px 0px 10px 0px; }
.ingelogd	input.knop								{ margin: 0px 0px 2px 0px; }

/* Tree view met de producten */
div#menuCat														{ border: none 1px green; height: auto; padding: 0px; margin: 0px; width: 240px; overflow: hidden; }
div#menuCat div#mcContent							{ padding: 0px 0px 0px 10px; }
div#menuCat td												{ padding: 0px; margin: 0px; }
div#menuCat th												{ padding: 0px; margin: 0px; }

/* start-pagina */
div#wsHoofdgroepenOverzicht						{ text-align: center; padding-left: 35px !important; * padding-left: 0px;  }
div#wsHoofdgroepenOverzicht a					{ display: block; margin: 10px; border: solid 1px #218CBD; height: 130px !important; * height: 150px; width: 200px; padding: 10px 0px 8px 0px; font-size: 14px; text-align: center; }		
div#wsHoofdgroepenOverzicht a:hover		{ border: solid 1px #005278; }		

div#intro															{ width: 516px; padding: 0px; margin: 0px; height:165px; }

div#sprokkelpad												{ width: 516px; border-top: solid 1px #218CBD; padding: 6px 0px 12px 0px; position: relative; top: 0px; }
div#sprokkelpad a											{ font-weight: normal; }	
div#sprokkelpadNL											{ width: 100%; padding: 6px 0px 12px 0px; }
div#sprokkelpadNL a										{ font-weight: normal; }	

/* Hoofdgroep-pagina */

div#wsHoofdgroep																						{ padding-bottom: 10px; }
div#wsHoofdgroep div#intro img.wsHoofdgroep									{ float: right; border: solid 11px #218CBD; margin: 20px 0px 10px 10px;}

div#wsHoofdgroep div.wsSubgroepenOverzicht									{ position:relative; background-color: #f8f8f8; width: 514px; height: 90px; overflow: hidden; border: solid 1px #218CBD; margin: 10px 0px 0px 0px; padding: 0px; }
div#wsHoofdgroep div.wsSubgroepenOverzicht h1								{ margin: 0px 0px 0px 146px; font-size: 12px; letter-spacing: 2px; padding: 4px 0px; }
div#wsHoofdgroep div.wsSubgroepenOverzicht p								{ margin: 0px 0px 0px 6px; }
div#wsHoofdgroep div.wsSubgroepenOverzicht a2								{ margin: 0px 0px 0px 146px; float: right; text-align: right; padding: 8px 10px 0px 0px; }
div#wsHoofdgroep div.wsSubgroepenOverzicht a								{ position:absolute; bottom:5px; right:8px; }
div#wsHoofdgroep div.wsSubgroepenOverzicht .pContainer			{ margin-left: 6px; width: 368px; height: 40px; overflow: hidden; }
div#wsHoofdgroep div.wsSubgroepenOverzicht .imgCatL1				{ border: solid 11px green; margin: 0px; padding: 0px; float: left; }

/* Subgroep-pagina */

div#wsSubgroep															{ padding-bottom: 10px; }
div#wsSubgroep img.wsHoofdgroep							{ border: solid 1px #218CBD; margin: 20px 0px 10px 10px;}

div#wsSubgroep div.wsArtikelgroepenOverzicht					{ background-color: #f8f8f8; width: 600px; height: 90px; overflow: hidden; border: solid 1px #218CBD; margin: 10px 0px 0px 0px; padding: 0px; }
div#wsSubgroep div.wsArtikelgroepenOverzicht h1				{ margin: 0px 0px 0px 146px; font-size: 12px; letter-spacing: 2px; padding: 4px 0px; }
div#wsSubgroep div.wsArtikelgroepenOverzicht p				{ margin: 0px 0px 0px 146px; }
div#wsSubgroep div.wsArtikelgroepenOverzicht a				{ margin: 0px 0px 0px 146px; width: 100%; text-align: right; padding: 8px 10px 0px 0px; }

.filtermelding							{ margin: 20px 0px 0px 0px; text-align: center; font-size: 10px; color:red; }

.centerednoitems						{ background-color: #f8f8f8; border: solid 1px #218CBD; margin: 10px 0px 0px 0px; padding: 10px 0px; }
.centerednoitems						{ text-align: center; vertical-align:middle; } 

/* Artikelgroep-pagina */

div#pager																				{ margin-top: 10px; color: #000; width: 100%; }
div#pager .uitleg																{ color: #999; padding-left: 10px; text-align: right; }

div#wsArtikelgroep															{ padding-bottom: 10px; }
div#wsArtikelgroep img.wsHoofdgroep							{ float: right; border: solid 1px #218CBD; margin: 20px 0px 10px 10px;}

div#wsArtikelgroep div.wsArtikelgroepenOverzicht											{ background-color: #f8f8f8;width: 512px; height: 90px; overflow: hidden; border: solid 1px #218CBD; margin: 10px 0px 0px 0px; padding: 0px; }
div#wsArtikelgroep div.wsArtikelgroepenOverzicht table								{ margin: 0px 0px 0px 0px; border-collapse: collapse; }
div#wsArtikelgroep div.wsArtikelgroepenOverzicht table td 						{ margin: 0px; padding: 4px 10px 0px 0px; }
div#wsArtikelgroep div.wsArtikelgroepenOverzicht table th 						{ margin: 0px; padding: 4px 10px 0px 0px; font-weight: normal; text-align: left; }
div#wsArtikelgroep div.wsArtikelgroepenOverzicht table td.knoppen			{ text-align: right; padding-top: 40px;}
div#wsArtikelgroep div.wsArtikelgroepenOverzicht a.titel							{ font-size: 14px; font-weight: bold; color: #218CBD; letter-spacing: 1px; }
div#wsArtikelgroep div.wsArtikelgroepenOverzicht a.titel:hover				{ color: #218CBD; }
div#wsArtikelgroep div.wsArtikelgroepenOverzicht a.aanbieding					{ font-size: 14px; font-weight: bold; color: #c00; letter-spacing: 1px; }
div#wsArtikelgroep div.wsArtikelgroepenOverzicht a.aanbieding:hover		{ color: #c00; }
div#wsArtikelgroep div.wsArtikelgroepenOverzicht a										{ font-size: 14px; text-align: left; }

/* Artikeldetails-pagina */

div#artikeldetails															{ margin-top: 20px; padding: 0px; vertical-align: top; }
div#artikeldetails img													{ margin: 0px 20px 10px 0px; border: none 1px #218CBD; }
div#artikeldetails h1														{ padding: 0px; margin: 0px 0px 1em 0px; height: auto; line-height: normal; }
div#artikeldetails p														{ }
div#artikeldetails th														{ font-weight: normal; text-align: left; padding-right: 20px; }
div#artikeldetails div.knoppen									{ margin: 20px 0px; padding: 0px 10px 0px 0px; }

table.artSummary																{ }
table.artSummary th															{ text-align: left; padding-right: 20px; }
table.artSummary td.tdCart											{ padding: 30px 0px 0px 0px; width: 180px; text-align: right; }
table.artSummary td.tdPrijs											{ padding: 40px 0px 0px 0px; width: 100px;  }
table.artSummary div.Prijs											{ display: inline; font-size: 24px; color: #218CBD; }
table.artSummary div.PrijsDec										{ display: inline; font-size: 12px; color: #218CBD; vertical-align: top; position: relative; top: 2px; }
table.artSummary div.ExBtw											{ display: inline; font-size: 12px; color: #218CBD; }
table.artSummary td.tdPrintPreview							{ vertical-align: bottom; }
table.artSummary img.imgPrintPreview						{ margin-right: 15px; }

table.artSummary td.tdPrijsAanbieding	div.Prijs										{ color: #c00; }
table.artSummary td.tdPrijsAanbieding	div.PrijsDec								{ color: #c00; }
table.artSummary td.tdPrijsAanbieding	span.oorspronkelijkePrijs		{ font-size: 12px; color: #999; text-decoration: line-through; margin-bottom: 6px; display: block; }
span.aanbieding																										{ }

.dlFotosContainer	
{
	padding-top: 60px !important;
	* padding: 0px; 
}

/* Product overzicht */

tr.GridAltRow_Default td		{ border: none; }
tr.GridRow_Default td				{ border: none; }
tr.rgFooter td							{ background-color: white; padding: 4px 4px; }
tr.rgFooter span						{ display: inline; padding: 0px 0px; border: none 1px green; font-size: 14px; font-weight: bold; color: #218CBD; margin: 0px;}	
tr.rgFooter a								{ display: inline; padding: 0px 2px; border: none 1px green; font-size: 14px; text-decoration: underline; margin: 0px; }
tr.rgFooter a:hover					{ background-color: #218CBD; color: #fff; }

/*--------------------------------------------------------------------------------------
 stijlen voor het zoeken
----------------------------------------------------------------------------------------*/

div#divZoekBox											{ padding: 5px 0px 5px 8px; }

div#wsZoek													{  }
div#wsZoekResults										{  }

/*--------------------------------------------------------------------------------------
 stijlen voor het winkelmandje
----------------------------------------------------------------------------------------*/

div#windelmandje											{ margin-top: 10px; width: 514px; }
div#windelmandje h1										{ background-image: url(../img/bgWinkelwagen.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding: 8px 0px 0px 38px; margin: 10px 0px 20px 0px; height: 40px; }
div#windelmandje h2										{ font-size: 14px; color: #999; margin: 10px 0px 8px 10px; }

div#windelmandje table#subTotaal			{ margin: 20px 0px 0px 270px; }
div#windelmandje table#subTotaal th		{ text-align: right; width: 100px; padding-right: 20px; font-weight: bold;  }
div#windelmandje table#subTotaal td		{ text-align: right; width: 76px; font-weight: bold; }

div#windelmandje div#betaalWijzen				{ border: solid 1px #ccc; margin: 10px 10px; padding: 4px; background-color: #f0f0f0; }
div#windelmandje div#betaalWijzen label	{ position: relative; top: 3px; }
div#windelmandje div#betaalWijzen input	{ margin-right: 10px; }
div#windelmandje div#gaVerder						{ text-align: right; margin: 0px 10px; padding: 0px; }

div#windelmandje div#inloggen				{ margin: 10px 10px; }
div#windelmandje div#inloggen p.label		{ font-weight: bold; margin: 0px; padding: 0px; font-size: 10px; color: #999; }
div#windelmandje div#inloggen .knop			{ margin-top: 10px; }
div#windelmandje div#inloggen .tekst		{ }

tr.rgFooter						{ background-color: #ddd; }
tr.rgFooter td				{ font-size: 14px; text-align: left; padding: 2px 4px 2px 2px; }
tr.rgFooter span			{ font-size: 14px; padding: 0px 2px; }
tr.rgFooter a					{ font-size: 14px; padding: 0px 2px; }

td.lnkProdDetails						{ padding-top: 4px; }
td.lnkProdDetails a					{ font-size: 12px; text-decoration: underline; }
td.lnkProdDetails a:hover		{ color: #218CBD; }

/*--------------------------------------------------------------------------------------
 stijlen voor het registratiescherm
----------------------------------------------------------------------------------------*/

div#registreren												{ }
div#registreren	h1										{ background-image: url(../img/bgRegistreren.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding: 8px 0px 0px 38px; margin: 10px 0px; height: 20px; }
table.tblRegistreer										{ width: 100%; margin: 0px 0px 10px 0px; }
table.tblRegistreer td.titel					{ width: 530px; background-color: #f0f0f0; padding: 10px 0px 10px 10px;  background-image: url(../img/bgMenuItem.jpg); background-repeat: repeat-x; background-color: #fff; background-position: 0px 7px; }
table.tblRegistreer td.uitlegVerpl    { width: 506px; padding: 4px 20px 10px  0px; color: #999; }
table.tblRegistreer td.uitleg					{ width: 506px; padding: 10px 20px 10px  0px; color: #999; }
table.tblRegistreer td.verplicht			{ width:  24px; }
table.tblRegistreer td.legenda				{ width:  80px; padding: 2px 20px 2px  0px; }
table.tblRegistreer td.invoer					{ width: 236px; padding: 2px  0px 2px  0px; width: 20px; }
table.tblRegistreer td.val						{ width:  90px; padding: 2px  0px 2px 10px; color: #a00; }
table.tblRegistreer td.knoppen				{ text-align: right; padding: 10px 0px 0px 0px; }
table.tblRegistreer td.knoppenLinks		{ text-align: left; padding: 10px 0px 0px 0px; }
table.tblRegistreer input.knop				{ width: 100px; }
table.tblRegistreer input.i						{ font-size: 11px; color: #000; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-style: normal; }

div#registrerenIngelogdCC								{ padding: 10px; border: solid 1px #218CBD; background-color: #f0f0f0; }

table.tblRegistreerIngelogd							{ margin: 0px 0px 10px 10px; }
table.tblRegistreerIngelogd td					{ padding: 2px 0px; }
table.tblRegistreerIngelogd td.legenda	{ padding-right: 20px; }

/*--------------------------------------------------------------------------------------
 stijlen voor het "Uw gegevens" gedeelte
----------------------------------------------------------------------------------------*/

div#uwgegevens											{ }
div#uwgegevens	h1									{ background-image: url(../img/bgRegistreren.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding: 8px 0px 0px 38px; margin: 10px 0px; height: 20px; }
table.uwgegevens										{ width: 100%; margin: 0px 0px 10px 0px; }
table.uwgegevens td.titel						{ width: 530px; background-color: #f0f0f0; padding: 10px 0px 10px 10px;  background-image: url(../img/bgMenuItem.jpg); background-repeat: repeat-x; background-color: #fff; background-position: 0px 7px; }
table.uwgegevens td.uitlegVerpl			{ width: 506px; padding: 4px 20px 10px  0px; color: #666; }
table.uwgegevens td.uitleg					{ width: 506px; padding: 10px 20px 10px  0px; color: #666; }
table.uwgegevens td.verplicht				{ width:  24px; }
table.uwgegevens td.legenda					{ width:  80px; padding: 2px 20px 2px  0px; }
table.uwgegevens td.invoer					{ width: 236px; padding: 2px  0px 2px  0px; width: 20px; }
table.uwgegevens td.val							{ width:  90px; padding: 2px  0px 2px 10px; color: #a00; }
table.uwgegevens td.knoppen					{ text-align: right; padding: 10px 0px 0px 0px; }
table.uwgegevens td.knoppenLinks		{ text-align: left; padding: 10px 0px 0px 0px; }
table.uwgegevens input.knop					{ width: 100px; }
table.uwgegevens input.i						{ font-size: 11px; color: #000; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-style: normal; }

th.GridHeader_Office2007						{ font-size: 10pt; }
th.hdRight													{ text-align: right; font: bold 10pt; background: #d3dbe9 url('../RadControls/Grid/Skins/Office2007/Img/GridHeaderBg.gif') repeat-x; padding-left: 6px; /*more than items to compensate for item borders!*/ height: 19px; color: #27413e; border-bottom: solid 1px #9eb6ce; }
th.hdRight													{ color: #27413E; }

div.orderDetailsOuter								{ border: solid 1px #666; background-color: #FFF5DD; }
div.orderDetailsInner								{ margin: 10px;  }

table.tblOrderDetails							{ margin: 0px 0px 10px 10px; }
table.tblOrderDetails td					{ padding: 2px 0px; }
table.tblOrderDetails td.legenda	{ padding-right: 20px; }
	
/*--------------------------------------------------------------------------------------
 stijlen voor het koppel-verkoop-venster
----------------------------------------------------------------------------------------*/

div#koppelVerkoop									{ border-bottom: solid 1px #218CBD; width: 200px; text-align: left; padding: 0px 0px 15px 0px; overflow: hidden; }
div#koppelVerkoop	h1							{ padding: 2px 0px 0px 44px; text-align: left; height: 50px; font-size: 14px; font-weight: bold; background-image: url(../img/Koppelverkoop_32x32.jpg); background-position: 4px 6px; background-repeat:no-repeat; letter-spacing: 2px; }
div#koppelVerkoop	table						{ margin-left: 8px; }
div#koppelVerkoop	a.prod					{ font-size: 12px; color: #666; margin: 2px; padding: 0px; display: block;  }
div#koppelVerkoop	a.prod:hover		{ color: #218CBD; }

/*--------------------------------------------------------------------------------------
 stijlen voor het aanbiedingen-venster
----------------------------------------------------------------------------------------*/

div#aanbiedingen									{ border-bottom: solid 1px #218CBD; width: 200px; text-align: left; padding: 0px 10px 15px 0px; overflow: hidden; }
div#aanbiedingen	h1							{ padding: 12px 0px 0px 50px; text-align: left; height: 40px; font-size: 14px; font-weight: bold; background-image: url(../img/bgAanbiedingen_32x32.jpg); background-position: 4px 6px; background-repeat:no-repeat; letter-spacing: 2px; }
div#aanbiedingen	table						{ margin-left: 8px; }
div#aanbiedingen	a.prod					{ font-size: 12px; color: #666; margin: 2px; padding: 0px; display: block;  }
div#aanbiedingen	a.prod:hover		{ color: #3A4656; }

div#aanbiedingen	table.AanbiedingVanVoor						{	margin: 10px 0px 0px 0px; }
div#aanbiedingen	table.AanbiedingVanVoor td.van		{	font-size: 11px; color: #999; padding-top: 4px; }
div#aanbiedingen	table.AanbiedingVanVoor .lblVan		{ text-decoration: line-through; }
div#aanbiedingen	table.AanbiedingVanVoor td.voor		{	font-size: 11px; color: #999; text-align: right; }

div#aanbiedingen	table.AanbiedingVanVoor div.decimals	{ color: #218CBD; font-size: 24px; font-weight: bold; }
div#aanbiedingen	table.AanbiedingVanVoor div.digits		{ color: #218CBD; font-size: 12px; font-weight: normal;  }
div#aanbiedingen	.prodAfbeelding												{ }

div.aanbieding																					{ margin: 10px; }

.treeviewnodefound { background-color: Yellow; }

/*--------------------------------------------------------------------------------------
 stijlen voor productreacties
----------------------------------------------------------------------------------------*/

prTable								{ }
tr.prRow							{ border-bottom: solid 44px black; }
tr.prHeader						{ background-color: #ddd; }
tr.prHeader td				{ font-size: 11px; text-align: left; padding: 2px 4px 2px 2px; }
tr.prHeader span			{ font-size: 11px; padding: 0px 2px; }

td.prCijfer						{ width: 75px; font-size: 11px; text-align:right;
												background-color:Red; color: #218ABE; font-weight:bold; }
td.prReactie					{ padding: 10px 10px 10px 0px; }
td.prQuestionMark			{ width: 40px; vertical-align: middle; text-align: center; }
td.prSubAuteur				{ padding: 10px 10px 10px 40px; color: black; }
td.prSubReactie				{ padding: 10px 10px 10px 40px; color: black; }
td.prLijn hr					{ height: 1px; }
btnPlaatsen						{	border: solid 1px; }

/*--------------------------------------------------------------------------------------
 stijlen voor productreacties -> sterren rater
----------------------------------------------------------------------------------------*/

.star-rating {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url('..\img\alt_star.gif') repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 125px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 25px
}
.star-rating LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.star-rating LI.current-rating {
	DISPLAY: block; Z-INDEX: 1; BACKGROUND: url('..\img\alt_star.gif') left center; TEXT-INDENT: -9000px; POSITION: absolute; HEIGHT: 25px
}

/*--------------------------------------------------------------------------------------
 stijlen voor productreacties -> sterren rater SMALL
----------------------------------------------------------------------------------------*/

.star-rating_small {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url('..\img\alt_star_small.gif') repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 75px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 15px
}
.star-rating_small LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.star-rating_small LI.current-rating {
	DISPLAY: block; Z-INDEX: 1; BACKGROUND: url('..\img\alt_star_small.gif') left center; TEXT-INDENT: -9000px; POSITION: absolute; HEIGHT: 15px
}

.RadEContentBordered { background-color:#ffffff; }

/*--------------------------------------------------------------------------------------
 stijlen voor de merkpagina's
----------------------------------------------------------------------------------------*/

.merkenTopcorners			{ background: url(..\img\topcorners.jpg); background-repeat:no-repeat; width:700px; height:47px; background-position:top;}
.merkenContent				{ width:700px; padding: 0px 35px 0px 35px; border-left: solid 3px #548DD4; border-right: solid 3px #548DD4; }
.merkenContent b, .merkenContent strong			{ color: #548dd4; }
.merkenContent i, .merkenContent em, .merkenContent em strong					{ color: #000000; }
.merkenBottomcorners	{ width:700px; height:47px; background: url(..\img\bottomcorners.jpg); background-repeat:no-repeat; background-position:bottom; }
.merkenSlogan					{ font-weight:bold; font-size:14px; color:#548dd4; }
.merkenTekst					{	}
.merkenLink a, .merkenLink	a:visited, .merkenLink	a:hover					{ font-weight:bold; font-size:14px; color:#548dd4; }
.merkenItem						{ padding-top: 90px !important; * padding-top: 0px; }