body 
{
	background-image:   url(../Images/background.jpg);
	background-repeat:  repeat-x;
	background-position:left top;
	background-color:   #ddd0bf;
	margin:             0px;
	font-family:        Tahoma;
	font-size:          10pt;
	
	color:              #2b241e;
	overflow:           -moz-scrollbars-vertical;               /* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
}

html, 
form 
{
	margin:             0px;
}

th
{
	text-align:         left;
}

h1
{
	font-size:          16px;
	font-weight:        normal;
	margin-bottom:      20px;
}

h2
{
	font-size:          14px;
	margin-bottom:      20px;
	font-weight:        normal;
}

h3 /* koppen in sidebar */
{
	font-size:          15px;
	margin-bottom:      10px;
	font-weight:        normal;
}

select
{
	font-size:          12px;
	padding:            0px 1px 0px 1px;
	margin:             0px;
}

a:link, 
a:active, 
a:hover, 
a:visited
{
	color:              White;
	/*text-decoration:	none;*/
}

div#loggedin  a:link, 
div#loggedin  a:active, 
div#loggedin  a:hover, 
div#loggedin  a:visited
{
	color:              #e18a16;
	font-size:			smaller;
	text-decoration:	Underline;
}

span#spnEerdereBestellingen a:link, 
span#spnEerdereBestellingen a:visited,
span#spnEerdereBestellingen a:active, 
span#spnEerdereBestellingen a:hover 
{
	color:              Black;
	text-decoration: 	Underline;
}


.small
{
	font-size:          9px;
}

.orange
{
	color:				#EA630B;
}

.ImageAanbieding
{
	z-index: 10;
	position:absolute;
}

.Image
{
	cursor: pointer;
	cursor: hand;
}

.prijs
{
	font-size:          14px;
	font-weight:        bold;
}

.InWinkelwagen
{
	text-decoration:none;
	font-weight: bold;
}

.opacity50 
{
	filter:             alpha(opacity=75);
	-moz-opacity:       0.75;
	opacity:            0.75;
	z-index:			75;
	background-color:	white;
	position:			relative;
	margin-top:			-100px;	
}

.opacity50_off
{
	filter:             alpha(opacity=0);
	-moz-opacity:       0;
	opacity:            0;
	z-index:			0;
	background-color:	white;
	position:			relative;
	margin-top:			-100px;	
}

.opacity50Retailer
{
	filter:             alpha(opacity=75);
	-moz-opacity:       0.75;
	opacity:            0.75;
	z-index:			75;
	background-color:	white;
}

div.page 
{
	position:           absolute;
	background-color:   #3e3e40;
	border:             solid 1px #fffbf5;
	border-top-width:   0px;
	width:              974px;
	left:               50%;
	margin-left:        -488px;
	padding:            0px 0px 14px 0px;
	min-height:			750px;
}

div.menu 
{
	float:              right;
	color:              #f1f0ec;
	margin-top:         50px;
	margin-right:       20px !important;
	margin-right:		10px;
	height:             50px;
	min-width:			50px;
	overflow:			visible;	
	font-size:          11pt;
}

.PanelMenuItem
{
    margin-left:        25px;
	float:              left;
	height:             50px;
}

.menu .submenu
{
	position:           absolute;
	z-index:            10;
	background-color:   #e8e0d5;
	top:                72px;
	display:            block;
}

.menu .submenu td
{
	border:             solid 1px #d3c4ad;
	color:              #3e3e40;
	padding:            4px 10px 4px 7px;
}

.menu .submenu td a:link, 
.menu .submenu td a:hover, 
.menu .submenu td a:visited, 
.menu .submenu td a:active
{
	color:              #3e3e40;
}

.PanelMenuItem a:link, 
.PanelMenuItem a:visited, 
.PanelMenuItem a:active, 
.PanelMenuItem a:hover
{
	color:              white;
	text-decoration:    none;
}

.PanelMenuItemActive a:link, 
.PanelMenuItemActive a:visited, 
.PanelMenuItemActive a:active, 
.PanelMenuItemActive a:hover
{
	color:              #FD6710;
	text-decoration:    none;
}

span#Retailer a:link, 
span#Retailer a:visited, 
span#Retailer a:active, 
span#Retailer a:hover
{
	color:              #3e3e40;
	text-decoration:    none;
}

div.header 
{
	height:             217px;
	width:              970px;
	position:           absolute;
	top:                94px;
	left:               2px;
	background-image:   url(../Images/bg_header_full.jpg);
	background-position: top left;
	background-repeat:  repeat-x;
	padding-top: 11px;
}

div.header div.headershadowtop
{
	/*background-image:   url(../Images/header-shadow-top.jpg);
	height:             4px;
	background-repeat:  repeat-x;*/
}

div.header div.headertopborder
{
	/*background-image:   url(../Images/header-top-border.jpg);
	height:             7px;*/
}

div.header .headertekst
{
	position:           absolute;
	width:              240px;
	height:				140px;
	overflow:			hidden;
	left:               313px;
	top:                49px;
	font-size:          12px;
	padding:            0px;
	line-height:		140%;
}

.headertekst .headertitel
{
	font-size:          20px;
	padding:            0px;
	margin:             0px;
}

div.header div.headercontent 
{
	border:             solid 1px #fffaf5;
	border-top-width:   0px;
	background-image:   url(../Images/bg-header.jpg);
	background-repeat:  repeat-y;
	background-position:center;
	top:                7px;
	height:             216px;
	padding:            0px;
	margin:             0px;
}

div.language
{
	position:           absolute;
	right:              20px;
	color:              Red;
	top:                10px;
}

div.language a:link, 
div.language a:active, 
div.language a:hover, 
div.language a:visited
{
	color:              White;
}

div.headerimage
{
	right:              18px;
	margin-top:         -17px;
	position:           absolute;
}

img.headerimage
{
	border:             solid 6px #fefcfd;
}

.sidebar
{
	width:              264px;
	background-image:   url(../Images/sidebar-shadow-repeat.jpg);
	background-repeat:  repeat-y;
	position:           relative;
	float:              left;
	top:                12px;
	left:               18px;
	margin-bottom:      5px;
}

.sidebar .shadowleft
{
	width:              7px;
	height:             326px;
	float:              left;
	background-image:   url(../Images/sidebar-header-shadow-left.jpg);
    position:           relative;
    }
    
.sidebar .shadowleftAuth
{
	width:              7px;
	height:             306px;
	float:              left;
    position:           relative;
}

.sidebar .logo
{
	float:              left;
	margin-top:         13px;
}

.sidebar .shadowright
{
	width:              7px;
	height:             326px;
	float:              right;	
	background-image:   url(../Images/sidebar-header-shadow-right.jpg);
    position:           relative;
}

.sidebarcontentcontainer
{
    position:           relative;
    float:              left;
    width:              250px;
    
}

.sidebarcontentcategorieen
{
	width:              200px;
	position:           relative;
	margin-left:        24px;
	margin-top:         11px;
	clear:              both;
}

.sidebar .sidebarcontentcontainer .sidebarcontent 
{
	width:              200px;
	position:           relative;
	margin-left:        24px;
	margin-top:         11px;
	clear:              both;
}

.sidebar .sidebarcontentcontainer .sidebarcontent a:hover, 
.sidebar .sidebarcontentcontainer .sidebarcontent a:link, 
.sidebar .sidebarcontentcontainer .sidebarcontent a:visited, 
.sidebar .sidebarcontentcontainer .sidebarcontent a:active
{
	
	padding:            0px;
	margin:             0px;
	color:				Black;
}

.sidebarcontentcontainer .sidebarcontent .kop
{
	font-size:          15px;
}

.sidebar .sidebarcontentcontainer .sidebarseparator
{
	height:             7px;
	background-image:   url(../Images/sidebar-separator.jpg);
	background-repeat:  repeat-x;
	margin:             3px 0px 0px 0px;
}

.sidebar .sidebarfooter
{
	width:              264px;
	height:             18px;
	background-image:   url(../Images/sidebar-footer.jpg);
	clear:              both;
}

.sidebarsmallink
{
    font-size:          7pt;
    text-decoration:    underline;
}

ul.categorieen
{
	list-style-type:    none;
	padding:            10px 0px 0px 0px;
	margin:             0px;
}

ul.categorieen li
{
	padding:            5px 0px 10px 0px;
	font-size:          18px;
}

.PanelCategorieItem a:link,
.PanelCategorieItem a:active,
.PanelCategorieItem a:visited
{
	color:              #2b241e;	
	text-decoration:    none;
}

.PanelCategorieItem a:hover
{
	color:              #4C4C4E;
	text-decoration:    none;
}

.PanelCategorieItem_Active a:link,
.PanelCategorieItem_Active a:hover,
.PanelCategorieItem_Active a:active,
.PanelCategorieItem_Active a:visited
{
	color:				#E8840B;
	text-decoration:    none;
}

.checkbox input
{
	border:             solid 1px #2b241e;
	margin-right:       10px;
}

.textbox
{
	font-size:          12px;
	padding:            0px 1px 0px 1px;
	margin:             0px;
	font-family:        arial;
}

input.textbox
{
	height:             17px;
	vertical-align:     middle;
}

input.zoeken 
{
	border:             solid 1px #e18a16;
	width:              147px;
	color:              Black;
	padding-left:       3px;
}

.watermark
{
	font-size:          12px;
	padding:            0px 1px 0px 1px;
	margin:             0px;
	height:             17px;
	vertical-align:     middle;
	border:             solid 1px #e18a16;
	width:              147px;
	color:              #666;
	padding-left:       3px;
}

.watermarknieuwsbrief
{
	color:              #666;
}

.blackborder
{
	border:             solid 1px #2b241e;
}

div.content 
{
	position:           relative;
	float:              right;
	margin-right:       20px;
	margin-top:         250px;
	width:              632px;
	color:              White;
	min-height:			750px;
	line-height: 125%;
	z-index: 1;
}
div.contentAuth
{
	position:           relative;
	float:              right;
	margin-right:       20px;
	margin-top:         20px;
	width:              632px;
	color:              White;
	min-height:			750px;
}
.ButtonGrijs
{
	background-color:   #3e3e40;
	color:              White;
	font-weight:        bold;
	text-align:         left;
	background-image:   url(../Images/Buttons/GrijsBruin/pijl.gif);
	background-repeat:  no-repeat;
	background-position:right top;
}

.ButtonOranjeDonkerGrijs
{
	background-color:   #e8840b;
	color:              White;
	font-weight:        bold;
	text-align:         left;
	background-image:   url(../Images/Buttons/OranjeDonkerGrijs/pijl.gif);
	background-repeat:  no-repeat;
	background-position:right top;
}

.ButtonOranjeLichtGrijs
{
	background-color:   #e8840b;
	color:              White;
	font-weight:        bold;
	text-align:         left;
	background-image:   url(../Images/Buttons/OranjeLichtGrijs/pijl.gif);
	background-repeat:  no-repeat;
	background-position:right top;
}

div.ProductFilter 
{
	width:              635px;
	background-color:   #4c4c4e;
	margin-left:        -44px;
	margin-top:         -10px;
	margin-bottom:      35px;
	padding:            20px 15px 15px 44px;
}

table.Productafbeelding
{
	height:             101px;
	border:             solid 3px #ddd0bf;
	background-color:   White;
	width:              71px;
	margin-top:         5px;
}

table.Productafbeelding img
{
	margin-top:         5px;
}

div.Productsoorten
{
	position:           absolute;
	width:              71px;
	text-align:         right;
	margin-top:         -25px;
}

div.Productsoorten table
{
	position:           absolute;
	right:              10px;
}

.Producttitle
{
    font-size:          14px;
    text-align:         left;
}

.Productdetails
{
    padding:            5px 0px 7px 0px;
    text-align:         left;
}

.Productdetaillink:link, 
.Productdetaillink:active, 
.Productdetaillink:hover, 
.Productdetaillink:visited
{
	color:              White;
}

/* Header bij bestellen */
.bestelstappen .bestelstap
{
	color:              #666666;
	font-size:          16px;
	height:             25px;
	vertical-align:     middle;
	padding-left:       7px;
	padding-right:      7px;
}

.bestelstappen .bestelstap1
{
	background-color:   #4c4c4f;
	padding-left:       20px;
}

.bestelstappen .bestelstap2
{
}

.bestelstappen .bestelstap3
{
	background-color: #4c4c4f;
}

.bestelstappen .bestelstap4
{
}

.bestelstappen .bestelstap5
{
	background-color: #4c4c4f;
}

.bestelstappen .arrow
{
	padding: 0px;
	margin: 0px;
}



/* Formulier */
.formulier
{
	background-color:#4c4c4f;
	margin-top:25px;
}

.formulier .toprow td, .formulier .toprow th
{
	padding: 10px 8px 1px 8px;
	vertical-align: top;
}

.formulier .itemrow td, .formulier .itemrow th
{
	padding: 1px 8px 1px 8px;
	vertical-align: top;
}

.formulier .bottomrow td, .formulier .bottomrow th
{
	padding: 1px 8px 10px 8px;
	border-bottom: solid 1px #3e3e40;
	vertical-align: top;
}
.formulier .singlerow td, .formulier .singlerow th
{
	padding:  10px 8px 10px 8px;
	vertical-align: middle;
	border-bottom: solid 1px #3e3e40;
}
.formulier .centercolumn
{
	border-right: solid 1px #3e3e40;
	border-left: solid 1px #3e3e40;
}

.formulier .transparentrow
{
	background-color: #3e3e40;
}

.formulierfooter
{
	 width: 635px;
	 background-color: #4c4c4e;
	 margin-left: -44px;
	 margin-top: 40px; 
	 padding: 0px 15px 0px 44px;
}

/* Betalen  formulier*/

.formulierbetalen
{
	background-color:#4c4c4f;
}

.formulierbetalen .itemrow td, .formulierbetalen .itemrow th
{
	border-right: solid 1px #3e3e40;
	border-left: solid 1px #3e3e40;
	padding: 10px 0px 0px 10px;
}

.formulierbetalen .bottomrow td, .formulierbetalen .bottomrow th
{
	padding: 10px 0px 0px 10px;
	border-right: solid 1px #3e3e40;
	border-left: solid 1px #3e3e40;
	border-bottom: solid 1px #3e3e40;
	vertical-align: top;
}

/* Winkelwagen */

.ww_Header
{
	background-color:#4C4C4F;
	margin-left: -44px;
	padding: 5px 15px 2px 44px;
}
.Invoice_Header
{
	background-color:#4C4C4F;
	width: 610px;
	height: 20px;
	padding-top: 5px;	
	padding-bottom: 2px;
}

div.WinkelWagenTotaalFooterLeft
{
	float:left;
	position:relative;
	width: 525px;
	height: 20px;
	padding-top: 5px;	
}

div.WinkelWagenTotaalFooterRight
{
	float:left;
	position:relative;
	width: 105px;
	height: 20px;
	padding-top: 5px;
}

div.BestellingTotaalFooterLeft
{
	float:left;
	position:relative;
	width: 335px;
	height: 20px;
	padding-top: 5px;	
}
div.BestellingTotaalFooterRight
{
	float:left;
	position:relative;
	width: 295px;
	height: 20px;
	padding-top: 5px;
}

div.BestellingTotaalIncFooterRight
{
	float:left;
	position:relative;
	width: 115px;
	height: 20px;
	padding-top: 5px;
}

div.BestellingTotaalIncButtonFooterRight
{
	float:left;
	position:relative;
	width: 180px;
	height: 20px;
	padding-top: 5px;
}

div.InvoiceTotaalFooterLeft
{
	float:left;
	position:relative;
	width: 525px;
	height: 20px;
	padding-top: 5px;	
}

div.InvoiceTotaalFooterRight
{
	float:left;
	position:relative;
	width: 85px;
	height: 20px;
	padding-top: 5px;
}

div.BestellingLeft
{
	float:left;
	position:relative;
	width: 435px;
	height: 20px;
	padding-top: 5px;	
}

div.BestellingRight
{
	float:left;
	position:relative;
	width: 195px;
	height: 20px;
	padding-top: 5px;
}


div.WinkelWagenLogin
{
	float:left;
	position:relative;
	width: 570px;
	padding: 15px;
	background-color:#4C4C4F;	
}

.Background
{
	background-color:#4C4C4F;	
}

table.WinkelwagenFormulier
{
	background-image:   url(../Images/winkelwagen_formulier_background.jpg);
	background-repeat:  repeat;
	background-position:left top;
	border-bottom: solid 1px #3E3E40;
	
}
.BetalenBuckaroo
{
	background-image:   url(../Images/winkelwagen_formulier_background.jpg);
	background-repeat:  repeat;

}
.footer {
	margin-top:80px;
	padding:20px 10px 0px 10px;
	text-align:right;
	font-size:.95em;
}



.TreeViewSiteMap
{
		float:left;
	position:relative;
	background-color:#4C4C4F;
	padding-left: 5px;
}

.SitemapNode
{
	float:left;
	position:relative;
	background-color:#4C4C4F;
	Border-top: solid 1px #3E3E40;
	padding: 0px 5px 5px 5px;
	margin-top: 5px;
	font-weight: bold;
}


.SitemapChildNode a:link,
.SitemapChildNode a:hover,
.SitemapChildNode a:active,
.SitemapChildNode a:visited
{
	float:left;
	position:relative;
	border: none;	
	text-decoration: underline;
	padding-bottom: 2px;
}

.TableRowHeaderSearchResults
{
	background-color:	#3E3E40;
	width:				100%;
	
}

.TableHeaderSearchResults
{
	float:left;
	position:relative;
	clear:both;
	padding-bottom:6px;
	width:				100%;
}

.TableSearchResults
{
	float:left;
	position:relative;
	padding: 5px;
	background-color: #4C4C4F;
	width: 610px;	
	border-style: solid;
	border-collapse:collapse ;
	border-width: 0px;	
	border-bottom: solid 5px #4C4C4F;
}

.TableSearchHyperlink
{
	float:left;
	position:relative;
	padding: 2px 2px 2px 5px;
}

/* JS PATH */

.pathforjs
{					/* Inhoud verbergen */
	position: absolute;
	left: -1000px;
	width: 10px;
}