@charset "utf-8";

html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; /* default font-size */
	color: #333333; /* default kleur voor de tekst */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* base.css, part of YUI's CSS Foundation */
h1 { /*18px via YUI Fonts CSS foundation*/
	font-size: 138.5%;
}

h2 { /*16px via YUI Fonts CSS foundation*/
	font-size: 123.1%;
}

h3 { /*14px via YUI Fonts CSS foundation*/
	font-size: 108%;
}

h1,h2,h3 { /* top & bottom margin based on font size */
	margin-top: 0px;
	margin-bottom: 0px;
}

h1,h2,h3,h4,h5,h6 {
	/*bringing boldness back to headers and the strong element*/
	font-weight: normal;
}

strong {
	font-weight: 700;
}

abbr,acronym { /*indicating to users that more info is available */
	border-bottom: 1px dotted #000000;
	cursor: help;
}

em { /*bringing italics back to the em element*/
	font-style: italic;
}

blockquote,ul,ol,dl { /*giving blockquotes and lists room to breath*/
	/*margin:1em;*/
	
}

ol,ul,dl { /*bringing lists on to the page with breathing room */
	margin-left: 2em;
}

ol li { /*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}

ul li { /*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}

dl dd { /*giving UL's LIs generated numbers*/
	margin-left: 1em;
}

th,td {
	vertical-align: top;
}

th { /*distinguishing table headers from data cells*/
	font-weight: bold;
}

caption { /*coordinated marking to match cell's padding*/
	margin-bottom: .5em;
	/*centered so it doesn't blend in to other content*/
	text-align: center;
}

p,fieldset { /*so things don't run into each other*/
	margin-bottom: 1em;
}


.firstlink{
	cursor: pointer;	
}

.smaller{
	font-size: 0.9em;	
}

/* 

specifiek voor website vanaf hier.... 
=====================================

*/
p {
	margin: 0px 1px 10px 0px;
	padding: 0px;
}

a {
	border: none;
	color: #333333;
	text-decoration: none;
}

a:hover {
	border: none;
	color: #333333;
	text-decoration: underline;
}

/* link binnen paragraph in andere kleur dan standaard linkje */
p a {
	border: none;
	color: #e5a417;
	text-decoration: none;
}
p a:hover {
	border: none;
	color: #e5a417;
	text-decoration: underline;
}

/* opmaak binnen cm pagina elementen */
.tt_element a {
	border: none;
	color: #e5a417;
	text-decoration: none;
}
.tt_element a:hover {
	border: none;
	color: #e5a417;
	text-decoration: underline;
}

.tt_element ol {
	margin: 0px;
	padding-left: 25px;
}



div {
	float: left;
	position: relative;
	display: inline;
}

div.foutmelding {
	color: #ff3300;
	font-weight: bold;
	background-image: url('../img/error.png');
	background-repeat: no-repeat;
	line-height: 16px;
	vertical-align: middle;
	padding-left: 20px;
	margin-bottom: 10px;
}
div.foutmelding ul {
	margin: 0px;
	padding: 0px;
}
div.foutmelding dd {
	margin-left:0px;
	padding-top:3px;
}
h1, h2 {
	font-weight:bold;
	font-size:15px;
}
h2 {
	font-size:15px;
	margin-bottom:3px;
}

div.melding {
	color: #00A100;
	font-weight: bold;
	background-image: url('../img/add.png');
	background-repeat: no-repeat;
	line-height: 16px;
	vertical-align: middle;
	padding-left: 20px;
}

/* opmaak input elementen (invoervelden en buttons) */
input, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.frm-input,frm-textarea {
	border: 1px solid #999999;
	padding: 2px;
}

/* in het geval er geen plaatje is: een achtergrond plaatje (logo in grijs) */
div.no_image {
	background-image: url('../img/no_image.gif');
	background-repeat: no-repeat;
	background-position: center;
}

/* container voor de website elementen */
div#container {
	width: 1000px;
	margin: 0 auto;
	float: none;
	display: block;
}

/* header: logo + hoofdmenu-items + winkelwagen */
#header {
	width: 1000px;
	height: 137px;
	overflow: hidden;
}

/* logo binnen de header */
#header_logo {
	width: 395px;
}

/* het logo zelf (plaatje) */
#header_logo img {
	margin: 37px 0px 0px 13px;
}

/* rechterkant van de header: hoofdmenu + winkelwagen */
#header_rechts {
	width: 605px;
	height: 137px;
	background-image: url('../img/header_tas_bg.jpg');
	background-repeat: no-repeat;
}

/* menu + logo thuiswinkel waarborg */
#header_rechts_menu {
	float: right;
	width: 595px;
	padding-top: 6px;
}

/* hoofdmenu */
#header_rechts_menu #hoofdmenu {
	width: 460px;
	text-align: right;
	margin-top: 5px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

#header_rechts_menu #hoofdmenu ul {
	margin: 0px;
	padding: 0px;
}

#header_rechts_menu #hoofdmenu ul li {
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

/* logo thuiswinkel waarborg */
#header_rechts_menu #thuiswinkel_waarborg {
	width: 125px;
	margin-left: 10px;
}

/* winkelwagen onder het hoofdmenu */
#header_rechts_winkelwagen {
	width: 225px;
	height: 78px;
	margin: 1px 0px 0px 225px;
	background-color: #333333;
	background-image: url('../img/winkelwagen_border_right.gif');
	background-repeat: no-repeat;
	background-position: right;
}

#header_rechts_winkelwagen #border_left {
	width: 9px;
	margin: 0px;
	height: 78px;
	overflow: hidden;
}

#header_rechts_winkelwagen #winkelwagen {
	margin-top: 10px;
	width: 210px;
}

/* logo winkelwagen + aantal items + prijs */
#header_rechts_winkelwagen #winkelwagen #winkelwagen_inhoud {
	height: 43px;
}

/* plaatje van de winkelwagen */
#header_rechts_winkelwagen #winkelwagen #winkelwagen_inhoud #card {
	margin-left: 8px;
	width: 31px;
	height: 34px;
}

/* kolom met de labels */
#header_rechts_winkelwagen #winkelwagen #winkelwagen_inhoud #labels {
	margin-left: 10px;
	width: 45px;
	line-height: 15px;
	vertical-align: middle;
	color: #fcae02;
	font-weight: bold;
}

/* kolom met de winkelwagen aantallen en totaal prijs */
#header_rechts_winkelwagen #winkelwagen #winkelwagen_inhoud #items_prijs
	{
	margin-left: 10px;
	width: 100px;
	line-height: 15px;
	vertical-align: middle;
	color: #ffffff;
}

/* lijn tussen winkelwagen en linkjes */
#header_rechts_winkelwagen #winkelwagen #winkelwagen_separator {
	height: 1px;
	width: 208px;
	overflow: hidden;
	background-color: #999999;
}

/* linkjes onderin de winkelwagen */
#header_rechts_winkelwagen #winkelwagen #winkelwagen_linkjes {
	width: 208px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

#header_rechts_winkelwagen #winkelwagen #winkelwagen_linkjes a {
	color: #999999;
	text-decoration: none;
}

#header_rechts_winkelwagen #winkelwagen #winkelwagen_linkjes a:hover
	{
	color: #999999;
	text-decoration: underline;
}

div#menu {
	height: 50px;
	width: 1000px;
	background-image: url('../img/menu_bg.gif');
	background-repeat: repeat-x;
	position: relative;
	margin-top: 1px;
	text-align: left;
	z-index: 1200;
}

div#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* item in het menu */
div#menu ul li {
	float: left;
	list-style: none;
	position: relative;
}

div#menu ul li a.menu_item {
	background: url('../img/menu_separator_right.gif') no-repeat top right;
	color: #ffffff;
	font-size: 18px;
	display: block;
	line-height: 50px;
	height: 51px;
	padding-left: 0px;
	padding-right: 0px;
}

div#menu ul li.last-item a {
	background: none;
}

div#menu ul li a span.sepa_left {
	background: url('../img/menu_separator_left.gif') no-repeat top left;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 51px;
	display: block;
}

div#menu ul li a:hover {
	text-decoration: none;
}

div#menu ul li.active a {
	background: #333333;
}

div#menu ul li.active a span.sepa_left {
	display: none;
}

div.menu_rollout {
	position: absolute;
	display: none;
	top: 51px;
	left: 0px;
	z-index: 500;
}

div.menu_rollout_inner {
	background: #333333;
	margin-right: 10px;
	margin-bottom: 10px;
	color: white;
	padding: 10px 20px 10px 20px;
	white-space: nowrap;
}

div.menu_rollout_inner li,div.menu_rollout_inner h2,div.menu_rollout_inner a
	{
	white-space: nowrap;
}

div.menu_rollout_r {
	background-image: url('../img/menu_rollout_r.png');
	background-repeat: repeat-y;
	width: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 10px;
}

div.menu_rollout_b {
	background-image: url('../img/menu_rollout_b.png');
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0px;
	right: 10px;
	left: 10px;
	height: 10px;
}

div.menu_rollout_bl {
	background-image: url('../img/menu_rollout_bl.png');
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 10px;
	width: 10px;
}

div.menu_rollout_br {
	background-image: url('../img/menu_rollout_br.png');
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 10px;
	width: 10px;
}

div.menu_rollout_inner h2 {
	font-weight: bold;
	font-size: 1.2em;
}

div.menu_rollout_inner a {
	color: white;
}

div.menu_rollout_inner a:hover {
	color: #CD990D;
}

div.menu_rollout_inner ul,div.menu_rollout_inner li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* merkselectie menu: de td een rechter padding geven van 30 pixels zodat de kolommen elkaar niet raken */
table.menu_merkselectie tr td {
	padding-right: 30px;
}

td.menu_left {
	padding-right: 0px;
}

td.menu_right {
	padding-left: 20px;
}

/* regel tbv het opnemen van een optie in het toepassingen filter */
.menu_filter_row {
	width: 170px;
}

/* icoontje voor de toepassing */
.menu_filter_row .menu_filter_image {
	width: 32px;
	height: 28px;
}

/* label van de toepassing */
.menu_filter_row .menu_filter_label {
	width: 130px;
	margin-left: 5px;
	line-height: 28px;
	height: 28px;
	vertical-align: middle;
}

td.menu_bottom {
	padding-top: 10px;
	padding-right: 20px;
	vertical-align: bottom;
}

td.menu_bottom a {
	font-size: 18px;
	color: #CD990D;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
}

td.menu_rollout_centerline {
	width: 21px;
	background-image: url('../img/pixel_wit.gif');
	background-repeat: repeat-y;
	background-position: center;
}

/* tbv het in het midden uitlijnen */
td.align_center {
	text-align: center;
}

/* opmaak voor de merken tabel in de rollout menu's */
.menu_merken_tabel td {
	padding-right: 5px;
}

/* 'menu' onder het menu */
#submenu {
	margin-top: 1px;
	width: 1000px;
	height: 50px;
	background-color: #e0e0e0;
	background-image: url('../img/submenu_bg.gif');
	background-repeat: no-repeat;
	background-position: right;
}

/* ronding links in het submenu */
#submenu #ronding_links {
	width: 10px;
	height: 50px;
	overflow: hidden;
	background-image: url('../img/submenu_ronding_links.gif');
	background-repeat: no-repeat;
}

/* het input element van de zoekbox */
#submenu #zoekbox {
	width: 300px;
	margin: 15px 0px 0px 60px;
}

/* de button voor het starten van de zoekactie */
#submenu #zoekbutton {
	width: 94px;
	margin: 16px 0px 0px 10px;
}

/* linkje t.b.v. het uitgebreid zoeken */
#submenu #uitgebreid_zoeken {
	width: 100px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	margin-left: 10px;
}

/* kopje nieuwsbrief */
#submenu #kopje_nieuwsbrief {
	margin-left: 59px;
	width: 170px;
	text-align: right;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}

/* nieuwsbrief input element */
#submenu #nieuwsbrief_input {
	width: 148px;
	margin: 15px 0px 0px 10px;
}

#submenu #nieuwsbrief_pijl {
	width: 19px;
	height: 50px;
}

/* container voor alle content elementen van de pagina */
#content_container {
	width: 1000px;
	margin-top: 1px;
}

/* container voor de tags */
#tags_container {
	width: 1000px;
	padding-bottom: 10px;
	font-weight: bold;
}

#tags_container a {
	color: #B8B8B8;
}

#tags_container a:hover {
	text-decoration: none;
	color: #868686;
}

/* footer van de pagina: populaire merken en categorien + logo's betaalwijzen + copyright */
#footer {
	width: 1000px;
	margin-top: 1px;
	padding-bottom: 20px;
	background-color: #feb922;
	background-image: url('../img/footer_ronding_rechts.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

/* afgerond hoekje aan de linkerkant van de footer */
#footer_ronding_links {
	width: 12px;
	height: 12px;
	overflow: hidden;
	background-image: url('../img/footer_ronding_links.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

#footer_row {
	width: 1000px;
	overflow: hidden;
	padding-bottom: 10px;
}
#footer_row h3 {
	color: #ffffff;
	font-weight: bold;
	margin: 5px 5px 0px 32px;
}
#footer_row p {
	margin: 5px 10px 0px 32px;
}

#footer_row .meest_besteld {
	width: 560px;
	margin: 0px 10px 0px 10px;
}

#footer_row .standaard_kolom {
	width: 200px;
	margin-right: 10px;
}

#footer_row .kolom_lijn_links {
	background-image: url('../img/footer_kolom_lijn_links.gif');
	background-repeat: repeat-y;
	margin-bottom: -4000px;
	padding-bottom: 4000px;
}
/* opmaak voor de tabletop contentpositie tekst */
#footer_row .tt_element ol {
	color: #ffffff;
	margin: 5px 0px 0px 27px;
}
#footer_row .tt_element ol li a {
	color: #ffffff;
	text-decoration: none;
}
#footer_row .tt_element ol li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* balk onder de footer: copyright info e.d. */
#footer_copyright {
	width: 1000px;
	background-color: #333333;
	text-align: center;
}
#footer_copyright p {
	float: left;
	display: inline;
	line-height: 38px;
	vertical-align: middle;
	height: 38px;
	color: #ffffff;
	margin: 0px;
}
#footer_copyright p img {
	display: inline;
}
#footer_copyright p.tekst {
	margin-left: 212px;
}
#footer_copyright p.tekst_ontwikkeld_door {
	float: left;
	display: inline;
	line-height: 38px;
	vertical-align: middle;
	height: 38px;
	color: #999999;
	margin: 0px;
}
#footer_copyright p.tekst_ontwikkeld_door a {
	color: #999999;
}

/* opmaak van het cm_menu aan de linkerkant van het scherm */
.cm_menu_links {
	padding: 0px;
}

.cm_menu_links ul {
	margin-left: 0px;
	padding-left: 15px;
	list-style: none;
}

.cm_menu_links ul li {
	list-style: none;
}

li>a {
	color: #333333;
}

li.is_active>a {
	color: #fcae02;
}

.cm_menu_links ul li ul li {
	list-style: disc;
	margin-left: 10px;
}

/* linker kolom (voor overzicht en detailpagina) */
.kolom_links {
	width: 184px;
	margin-top: 30px;
	overflow-x: hidden;
	padding-bottom: 20px;
}

/* midden kolom in een drie kolom pagina zoals overzichten */
.kolom_midden {
	width: 592px;
	margin: 0px 0px 0px 20px;
	overflow-x: hidden;
	padding-bottom: 20px;
}

/* linker & midden kolom in een twee kolom pagina zoals de homepage */
.kolom_links_midden {
	width: 796px;
	margin: 0px 0px 0px 0px;
	overflow-x: hidden;
	padding-bottom: 20px;
}

/* rechter kolom (o.a. link naar direct advies en overzicht merken */
.kolom_rechts {
	width: 184px;
	margin: 30px 0px 0px 20px;
	overflow-x: hidden;
	padding-bottom: 20px;
}

/* alle drie de kolommen gecombineerd (bijvoorbeeld voor de nieuws berichten op de homepage) */
.kolom_links_midden_rechts {
	width: 1000px;
	overflow-x: hidden;
	padding-bottom: 20px;
}

/* header boven de content in het midden van de pagina: voor titel en filter(s) */
#kolom_midden_header {
	width: 592px;
	height: 84px;
	background-image: url('../img/kolom_midden_header_filter.gif');
	background-repeat: no-repeat;
	z-index: 1100;
}

/* titel in de header boven de content */
#kolom_midden_header #kmh_titel {
	position: absolute;
	left: 10px;
	top: 0px;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	font-size: 23px;
	font-weight: bold;
	width: 572px;
	text-transform: uppercase;
	overflow: hidden;
	white-space: nowrap;
}

#kolom_midden_header #kmh_titel h1 {
	font-size: 23px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* sortering selectie (dropdown) in de header boven de content */
#kolom_midden_header #kmh_sort {
	width: 125px;
	background-image: url('../img/dropdown_sort_bg.gif');
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	/* anders gaat de lijst met opties niet over de artikelen, maar duwt deze de artikelen naar beneden */
	left: 10px;
	top: 54px;
}

/* label in de sortering selectie */
#kolom_midden_header #kmh_sort #kmh_sort_label {
	width: 100px;
	margin-left: 6px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 10px;
	cursor: pointer;
}

/* pijltje in de selectie */
#kolom_midden_header #kmh_sort #kmh_sort_arrow {
	width: 19px;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
}

/* container voor de opties (de dropdown) */
#kolom_midden_header #kmh_sort #kmh_sort_opties {
	display: none;
	width: 125px;
	margin-top: 1px;
}

/* bovenkant van de lijst */
#kolom_midden_header #kmh_sort #kmh_sort_opties #kmh_sort_opties_top {
	width: 125px;
	height: 6px;
	overflow: hidden;
	background-image: url('../img/dropdown_sort_bg.gif');
	background-repeat: no-repeat;
	background-position: top;
}

/* onderkant van de lijst */
#kolom_midden_header #kmh_sort #kmh_sort_opties #kmh_sort_opties_bottom
	{
	width: 125px;
	height: 6px;
	overflow: hidden;
	background-image: url('../img/dropdown_sort_bg_bottom.gif');
	background-repeat: no-repeat;
}

/* regel (met option) binnen de lijst */
#kolom_midden_header #kmh_sort #kmh_sort_opties .kmh_sort_opties_row {
	width: 125px;
	line-height: 15px;
	height: 15px;
	overflow: hidden;
	background-color: #4a4a4a;
}

#kolom_midden_header #kmh_sort #kmh_sort_opties .kmh_sort_opties_row a {
	color: #ffffff;
	margin-left: 6px;
	text-decoration: none;
	font-size: 10px;
}

/* alignment voor de paginator */
#kolom_midden_header #kmh_paginator_align {
	position: absolute;
	width: 440px;
	top: 44px;
	left: 152px;
}

/* linkje naar lijst / kruimelpadachtige tekst boven detailpagina */
#kolom_midden_header #kmh_kruimelpad {
	width: 572px;
	position: absolute;
	left: 10px;
	top: 54px;
}

/* footer onder de content in het midden van de pagina: voor bijvoorbeeld filter(s) */
#kolom_midden_footer {
	width: 592px;
	height: 44px;
}

/* tekst die onder het artikeloverzicht wordt getoond */
#kolom_midden_tekst {
	width: 592px;
	border-top: 1px solid #E0E0E0;
	padding-top: 10px;
}

/* cm-tekst die in de middelste kolom wordt getoond */
#kolom_midden_cmtekst {
	width: 592px;
}

#kolom_midden_cmtekst .tt_template {
	margin-left: 10px;
}

/* opmaak van de paginator */
.paginator {
	float: right;
	width: 400px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: right;
	color: #333333;
	font-weight: bold;
	margin-right: 10px;
}

.paginator span.page_selected {
	font-weight: bold;
	color: #fcae02;
}

.paginator a {
	color: #333333;
	text-decoration: none;
}

.paginator a:hover {
	color: #fcae02;
	text-decoration: none;
}

/**
 * WIDGETS
 */ /* container voor een widget */
.widget_container {
	padding-bottom: 20px;
}

/* opmaak voor de div met daarin de vier redenen om via deze site te bestellen */
#widget_pluspunten {
	width: 184px;
	background-color: #eeeeee;
}

/* bovenkant van de widget (afgeronde hoeken) */
#widget_pluspunten #wpp_top {
	width: 184px;
	height: 10px;
	overflow: hidden;
	background-image: url('../img/pluspunten_ronding_rechtsboven.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

/* regel met ster aan de voorkant */
#widget_pluspunten .wpp_row {
	width: 164px;
	margin-left: 10px;
	padding-left: 35px;
	padding-bottom: 2px;
	line-height: 28px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: center;
	background-image: url('../img/bulletpoint.png');
	background-repeat: no-repeat;
	background-position: left center;
}
/* plaatje voor regel 'gratis verzending' */
#widget_pluspunten .wpp_row_verzending {
	background-image: url('../img/bullet_verzending.gif');
}
/* plaatje voor regel '14 dagen op proef' */
#widget_pluspunten .wpp_row_14dagen {
	background-image: url('../img/bullet_14dagen.gif');
}
/* plaatje voor de regel 'veilig betalen' */
#widget_pluspunten .wpp_row_veiligbetalen {
	line-height: 30px;
	background-image: url('../img/bullet_veiligbetalen.gif');
}
/* plaatje voor de regel 'grote collectie' */
#widget_pluspunten .wpp_row_grotecollectie {
	background-image: url('../img/bullet_grotecollectie.gif');
}
/* plaatje voor de regel 'levering in heel europa' */
#widget_pluspunten .wpp_row_leveringeuropa {
	background-image: url('../img/bullet_europa.gif');
	line-height: 15px;
}

/* onderkant van de widget (afgeronde hoeken) */
#widget_pluspunten #wpp_bottom {
	width: 184px;
	height: 10px;
	overflow: hidden;
	background-image: url('../img/pluspunten_ronding_rechtsonder.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* widget waar de beschikbare merken worden getoond met logo en doorklik */
#widget_merkenselectie {
	width: 184px;
	background-image: url('../img/merkenselectie_bg.gif');
	background-repeat: repeat-y;
}

/* regel binnen de widget */
#widget_merkenselectie .wms_row {
	width: 184px;
}

/* kolom waarbinnen de icoontjes worden opgenomen */
#widget_merkenselectie .wms_row .wms_kolom {
	width: 70px;
	margin-left: 12px;
}

/* plaatje binnen de kolom een margin geven */
#widget_merkenselectie .wms_row .wms_kolom img {
	margin-bottom: 8px;
}

/* rechter kolom heeft een aangepaste margin-left */
#widget_merkenselectie .wms_row .wms_kolom_rechts {
	margin-left: 18px;
}

/* opmaak voor de div met daarin de 'button/banner' voor direct advies */
#widget_direct_advies {
	width: 184px;
}

/* container voor de inhoud van de table top contentpositie */
#homepage_tt_content {
	width: 796px;
	padding-bottom: 20px;
}

/* opmaak voor de regels op de homepage waarin tot 4 producten opgenomen worden */
.homepage_artikel_row {
	width: 796px;
	padding-bottom: 10px;
}

/* opmaak voor de regels op de overzichtspagina waarin tot 3 producten opgenomen worden */
.overzicht_artikel_row {
	width: 592px;
	padding-bottom: 10px;
	z-index: 1000;
}

/* opmaak van een artikel in een overzicht */
.overzicht_artikel {
	width: 204px;
	overflow-y: hidden;
}

/* header boven het artikel */
.overzicht_artikel .oa_header {
	width: 204px;
	background-color: #e0e0e0;
	height: 42px;
}

/* merknaam */
.overzicht_artikel .oa_header .oa_merknaam {
	width: 174px;
	margin-left: 10px;
	margin-top: 5px;
	overflow: hidden;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}

/* modelnaam */
.overzicht_artikel .oa_header .oa_modelnaam {
	width: 174px;
	margin-left: 10px;
	overflow: hidden;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}

/* hoekje links in header */
.overzicht_artikel .oa_header_first {
	background-image: url('../img/overzicht_artikel_ronding_links.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* hoekje rechts in header */
.overzicht_artikel .oa_header_last {
	width: 184px;
	background-image: url('../img/overzicht_artikel_ronding_rechts.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* absoluut gepositioneerde div met afgeronde hoek links in geval van een artikel dat zowel eerste als laaste in de regel is */
.overzicht_artikel .oa_header_first_last {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 32px;
	overflow: hidden;
	background-image: url('../img/overzicht_artikel_ronding_links.gif');
	background-repeat: no-repeat;
}

/* container voor het artikel (prijs en plaatje) */
.overzicht_artikel .oa_content {
	width: 164px;
	margin-left: 10px;
}

/* prijs binnen het contentgedeelte van een artikel */
.overzicht_artikel .oa_content .oa_prijs {
	width: 164px;
	line-height: 25px;
	height: 25px;
	vertical-align: bottom;
}

/* vanaf prijs */
.overzicht_artikel .oa_content .oa_prijs .oa_van {
	text-decoration: line-through;
}

/* voor prijs */
.overzicht_artikel .oa_content .oa_prijs .oa_voor {
	font-size: 18px;
	font-weight: bold;
	color: #fcae02;
}

/* plaatje van het artikel */
.overzicht_artikel .oa_content .oa_plaatje {
	width: 164px;
	min-height: 100px;
}

/* balk met alternatieve kleuren */
.overzicht_artikel .oa_extra_kleuren {
	width: 164px;
	margin-top: 10px;
	height: 18px;
}
/* balk met daarin de knop om een complementair artikel direct op te nemen in de winkelwagen */
.overzicht_artikel .oa_complementair {
	width: 164px;
	margin-top: 5px;
	text-align: center;
}

/* blokje met een alternatieve kleur */
.overzicht_artikel .oa_extra_kleuren .oa_extra_kleur {
	overflow: hidden;
	width: 16px;
	height: 16px;
	border: 1px solid #a2a2a2;
	margin-right: 5px;
	cursor: pointer;
}

/* div met daarin een link naar de overige kleuren */
.overzicht_artikel .oa_extra_kleuren .oa_meer_kleuren {
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}

/* tag nieuw die over het artikel moet komen te liggen */
.overzicht_artikel .oa_tag_nieuw {
	position: absolute;
	width: 22px;
	height: 68px;
	left: 152px;
	top: 30px;
	background-image: url('../img/tag_nieuw.gif');
	background-repeat: no-repeat;
}

/* tag sale die over het artikel moet komen te liggen */
.overzicht_artikel .oa_tag_sale {
	position: absolute;
	width: 22px;
	height: 68px;
	left: 152px;
	top: 30px;
	background-image: url('../img/tag_sale.gif');
	background-repeat: no-repeat;
}

.overzicht_artikel_last { /* overrule de breedte */
	width: 184px !important;
}

/* opmaak nieuwsberichten homepage */
	/* bovenkant van het vlak met de afgeronde hoeken */
#hp_nieuws_top {
	width: 1000px;
	height: 10px;
	background-color: #e0e0e0;
	background-image: url('../img/homepage_nieuws_ronding_rechtsboven.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

/* midden van het vlak met de afgeronde hoeken */
#hp_nieuws_midden {
	width: 1000px;
	background-color: #e0e0e0;
}

/* kolom binnen het middelste gedeelte */
#hp_nieuws_midden .hp_nieuws_midden_kolom {
	width: 480px;
	margin-left: 10px;
}

#hp_nieuws_midden .hp_nieuws_midden_kolom .hpn_row {
	width: 480px;
}

/* datum van een nieuwsbericht */
#hp_nieuws_midden .hp_nieuws_midden_kolom .hpn_row .hpn_datum {
	width: 75px;
	font-weight: bold;
	line-height: 18px;
	height: 18px;
	vertical-align: middle;
}

/* titel van het nieuwsbericht */
#hp_nieuws_midden .hp_nieuws_midden_kolom .hpn_row .hpn_titel {
	width: 395px;
	margin-left: 10px;
	line-height: 18px;
	vertical-align: middle;
	overflow-x: hidden;
}

/* onderkant van het vlak met de afgeronden hoeken */
#hp_nieuws_bottom {
	width: 1000px;
	height: 10px;
	background-color: #e0e0e0;
	background-image: url('../img/homepage_nieuws_ronding_rechtsonder.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

/* container voor een filter aan de linkerkant van het scherm */
.filter_container {
	width: 184px;
	background-color: #e0e0e0;
	background-image: url('../img/filter_top.gif');
	background-repeat: no-repeat;
	background-position: top center;
	padding: 10px 0px 0px 0px;
}

/* spacer binnen een filter */
.filter_container .filter_spacer {
	width: 184px;
	height: 11px;
	overflow: hidden;
	background-image: url('../img/filter_spacer.gif');
	background-repeat: no-repeat;
}

/* onderkant van een filter */
.filter_bottom {
	width: 184px;
	height: 10px;
	overflow: hidden;
	background-image: url('../img/filter_bottom.gif');
	background-repeat: no-repeat;
}

/* regel binnen het filter */
.filter_container .filter_row {
	width: 164px;
	margin-left: 10px;
	line-height: 16px;
	vertical-align: middle;
	color: #fcae02;
	font-weight: bold;
}

/* kopje binnen het filter */
.filter_container .filter_row_kopje {
	width: 164px;
	margin-left: 10px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 16px;
	color: #a9a9a9;
	font-weight: bold;
	padding-bottom: 3px;
}

/* spaciaal filter */
.filter_container .filter_row_speciaal {
	width: 164px;
}

/* regel met daarin een plaatje */
.filter_container .filter_row_speciaal .filter_row_image {
	width: 32px;
}

.filter_container .filter_row_speciaal .filter_row_label {
	width: 127px;
	margin-left: 5px;
	line-height: 26px;
	vertical-align: middle;
}

/* geselecteerde regel een andere kleur geven */
.filter_container .filter_row_speciaal .filter_row_label_selected {
	line-height: 28px;
	vertical-align: middle;
	color: #fcae02;
}

/* grijze lijn tussen elementen op het detailscherm van een artikel */
.artikel_separator {
	width: 100%;
	height: 21px;
	overflow: hidden;
	background-image: url('../img/artikel_detail_separator.gif');
	background-repeat: repeat-x;
}

/* linker kolom in het detailscherm */
.artikel_kolom_links {
	width: 296px;
}

/* rechter kolom in het detailscherm */
.artikel_kolom_rechts {
	width: 286px;
	margin-left: 10px;
}

.artikel_kolom_rechts div#addthis {
	margin-top: 10px;
}

.artikel_kolom_rechts a.addthis_button {
	display: inline;
	margin-top: 10px;
}

/* regel binnen de kolom */
.artikel_kolom_regel {
	width: 100%;
	padding-bottom: 5px;
}

/* container voor het plaatje/plaatjes */
.artikel_kolom_regel #artikel_afbeelding_container {
	width: 256px;
	margin: 20px 0px 0px 20px;
	padding-bottom: 20px;
	text-align: center;
}

/* regel binnen de kolom met speciale opmaak voor de link naar de uitgebreide omschrijving */
.artikel_kolom_regel_link_omschrijving {
	width: 100%;
	padding-bottom: 5px;
	text-align: center;
	font-size: 13px;
}

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

.artikel_kolom_regel_link_omschrijving a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* container voor de thumbnails onder de detailpagina */
#artikel_details_thumbs {
	width: 296px;
}

/* knop vorige en volgende voor en na de thumbnails */
#artikel_details_thumbs .artikel_details_thumbs_prevnext {
	width: 8px;
	height: 15px;
	margin-top: 16px;
	margin-left: 7px;
}

/* viewport voor de thumbnails */
#artikel_details_thumbs #artikel_details_thumbs_viewport {
	width: 265px;
	height: 47px;
	overflow: hidden;
}

/* container voor de thumbs */
#artikel_details_thumbs #artikel_details_thumbs_container {
	height: 47px;
	width: auto;
}

/* thumbnail zelf */
#artikel_details_thumbs .artikel_details_thumbnail {
	width: 45px;
	height: 45px;
	border: 1px solid #999999;
	overflow: hidden;
	margin-left: 5px;
}

/* regel binnen de kolom waarin subkolommen opgenomen kunnen worden (table!) */
.artikel_regel_table {
	width: 286px;
}

/* label (1e kolom in de table) */
.artikel_regel_table .label {
	width: 120px;
	overflow-x: hidden;
}

/* colon (2e kolom in de table) */
.artikel_regel_table .colon {
	width: 10px;
	text-align: center;
}

/* waarde (3e kolom in de table) */
.artikel_regel_table .waarde {
	width: 156px;
}
/* link in de waarde */
.artikel_regel_table .waarde a {
	border: none;
	color: #e5a417;
	font-weight: bold;
	text-decoration: none;
}
.artikel_regel_table .waarde a:hover {
	border: none;
	color: #e5a417;
	font-weight: bold;
	text-decoration: underline;
}

/* voor de levering moet er de mogelijkheid komen een plaatje toe te voegen met een linkje naar een popup */
.artikel_regel_table .waarde .infobtn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16px;
	height: 16px;
}

/* voor de tekst van bijvoorbeeld de levering een div die absolute gepositioneerd is. Geen nesting in andere items!!! */
.infotekst {
	display: none;
	position: absolute;
	right: 0px;
	top: 16px;
	width: 286px;
	z-index: 100;
	background-color: #999999;
	padding-bottom: 5px;
}

/* content rand */
.infotekst .content_rand {
	float: left;
	position: relative;
	display: inline;
	width: 276px;
	margin: 5px 0px 0px 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

/* tekst binnen de infotekst */
.infotekst .content_rand .content_tekst {
	width: 266px;
	margin: 5px 0px 0px 5px;
}

.artikel_regel_table_prijs {
	height: 25px;
	position: relative;
}

/* voor de prijsregel moeten de divjes absoluut gepositioneerd worden (uitlijning aan de onderkant is niet te doen in alle browsers :S) */
.artikel_regel_table_prijs .label {
	position: absolute;
	bottom: 0px;
}

.artikel_regel_table_prijs .colon {
	position: absolute;
	bottom: 0px;
	left: 120px;
}

/* de prijs zelf moet in een ander font worden getoond */
.artikel_regel_table_prijs .waarde {
	position: absolute;
	bottom: 0px;
	left: 130px;
	font-size: 18px;
	font-weight: bold;
	color: #fcae02;
}

/* de adviesprijs moet normaal worden weergegeven */
.artikel_regel_table_prijs .adviesprijs {
	color: #333333 !important;
	font-size: 12px !important;
	font-weight: normal !important;
}

/* opmaak voor een regel met de button bestellen er in */
.artikel_kolom_regel_btn {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

/* opmaak voor de naam van het artikel */
.artikel_naam {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

.artikel_naam h1 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

/* opmaak van de omschrijving van het artikel */
.artikel_omschrijving {
	padding-bottom: 0px !important;
}

.artikel_detail_regel {
	width: 100%;
}

/* opmaak tekst tussen de onderdelen op de detailpagina */
.artikel_detail_regel .artikel_tekst {
	margin-left: 10px;
	margin-right: 10px;
}

/* opmaak kopje tussen de onderdelen op de detailpagina */
.artikel_detail_regel .artikel_tekst h1 {
	line-height: 25px;
	font-size: 16px;
	font-weight: bold;
}

/* row met daarin maximaal 6 artikelen (moet in row, ivm verschillende hoogtes artikelen en de opmaak na afbreken) */
.artikel_leverbaar_als_row {
	padding-bottom: 5px;
}

/* container van een artikel 'ook leverbaar als' */
.artikel_leverbaar_als {
	width: 87px;
	margin-left: 10px;
	overflow: hidden;
}

/* plaatje binnen de container */
.artikel_leverbaar_als .leverbaar_als_image {
	width: 70px;
	height: 70px;
	margin-left: 8px;
	vertical_align: middle;
	text-align: center;
}

/* naam van het artikel */
.artikel_leverbaar_als .leverbaar_als_label {
	width: 70px;
	margin-left: 8px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
}

/* sale label */
.artikel_leverbaar_als .leverbaar_als_sale {
	position: absolute;
	width: 15px;
	height: 48px;
	left: 70px;
	top: 0px;
	background-image: url('../img/tag_sale_small.gif');
	background-repeat: no-repeat;
}

/* nieuw label */
.artikel_leverbaar_als .leverbaar_als_nieuw {
	position: absolute;
	width: 15px;
	height: 48px;
	left: 70px;
	top: 0px;
	background-image: url('../img/tag_nieuw_small.gif');
	background-repeat: no-repeat;
}

/* filter met de laatst bekeken elementen iets naar beneden plaatsen */
.filter_laatst_bekeken_container {
	margin-top: 20px;
}

/* naam van het laatst bekeken artikel */
.laatst_bekeken_label {
	width: 84px;
	overflow-x: hidden;
}

/* plaatje van het laatst bekeken artikel */
.laatst_bekeken_image {
	width: 70px;
	height: 70px;
	margin-left: 10px;
}

/* kopje boven de items iets aanpassen ten opzichte van het standaard kopje */
.filter_row_kopje_laatst_bekeken {
	color: #333333 !important;
	padding-bottom: 10px !important;
}

/* order table */
table.order {
	width: 100%;
}

table.order thead tr {
	background-color: #e0e0e0;
	height: 42px;
	line-height: 20px;
	text-align: right;
}

table.order thead tr th {
	padding-right: 5px;
}

table.order thead tr th.num {
	text-align: right;
}

table.order thead tr th.left {
	background-image: url('../img/overzicht_artikel_ronding_links.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

table.order thead tr th.right {
	background-image: url('../img/overzicht_artikel_ronding_rechts.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

table.order tbody tr td {
	padding-bottom: 5px;
	vertical-align: middle;
}

table.order tbody td.verwijder, span.verwijder {
	color: #fcae02;
	font-weight: bold;
	padding-left: 10px;
}
span.verwijder {
	padding-left:0px;	
}

table.order tbody td.image {
	line-height: 1em;
	margin: 0px;
	padding-top: 7px;
}

table.order tbody select {
	float: left;
}

table.order td.topline {
	padding-top: 5px;
	border-top: 2px solid #e0e0e0;
}

table.order td.total {
	font-weight: bold;
}
table.order td.grandtotal {
	font-weight: bold;
	font-size:1.4em;
	padding-bottom:15px;	
}

table.order td.num {
	padding-right: 5px;
	text-align: right;
}
table.order span.discount {
	font-weight:bold;
	background:	#FEB922;
	padding-left:2px;
	padding-right:2px;
	line-height:20px;
}

/* container voor de melding bij het toevoegen/verwijderen van een element uit de winkelwagen */
#winkelwagen_melding {
	display: none; 
	width: 450px;
	position: absolute;
	left: 483px;
	top: 125px;
	z-index: 1300;
}

/* div waarin een plaatje (driekhoek) wordt opgenomen als een soort van spreekballon */
#winkelwagen_melding #winkelwagen_melding_driehoek {
	width: 30px;
	height: 30px;
	overflow: hidden;
	background-image: url('../img/winkelwagen_melding_driehoek.gif');
	background-repeat: no-repeat;
	margin-left: 200px;
}

#winkelwagen_melding #winkelwagen_melding_top {
	width: 450px;
	height: 10px;
	overflow: hidden;
	background-image: url('../img/winkelwagen_melding_top.gif');
	background-repeat: no-repeat;
}

#winkelwagen_melding #winkelwagen_melding_bottom {
	width: 450px;
	height: 10px;
	overflow: hidden;
	background-image: url('../img/winkelwagen_melding_bottom.gif');
	background-repeat: no-repeat;
}

/* container voor de melding */
#winkelwagen_melding #winkelwagen_melding_content {
	width: 450px;
	background-color: #333333;
}

/* de 'i' voor de melding */
#winkelwagen_melding #winkelwagen_melding_content #winkelwagen_melding_info {
	width: 50px;
	height: 100px;
	margin-left: 9px;
	background-image: url('../img/winkelwagen_melding_info.gif');
	background-repeat: no-repeat;
}
/* height spacer om er voor te zorgen dat de buttons op een minimale hoogte van de bovenkant van de 'popup' getoond worden */
#winkelwagen_melding #winkelwagen_melding_content #winkelwagen_melding_heightspacer {
	width: 1px;
	height: 55px;
	overflow: hidden;
}
/* de melding zelf */
#winkelwagen_melding #winkelwagen_melding_content #winkelwagen_melding_tekst {
	width: 370px;
	margin-left: 10px;
	color: #ffffff;
}
/* buttonrow onder de melding */
#winkelwagen_melding #winkelwagen_melding_content #winkelwagen_melding_buttonrow {
	float: right;
	width: 381px;
	margin: 5px 10px 0px 0px;
	text-align: right;
}

/* header boven het overzicht van de inhoud van de winkelwagen */
#winkelwagen_overzicht_header {
	width: 592px;
	padding-bottom: 10px;
}

/* icon winkelwagen */
#winkelwagen_overzicht_header_icon {
	width: 45px;
	height: 40px;
	overflow: hidden;
	background-image: url('../img/winkelwagen_geel.gif');
	background-repeat: no-repeat;
}

/* icon print */
#winkelwagen_overzicht_header_print {
	width: 16px;
	height: 16px;
	overflow: hidden;
	float: right;
	margin-top: 22px;
}
/* icon pdf */
#winkelwagen_overzicht_header_pdf {
	width: 16px;
	height: 16px;
	overflow: hidden;
	float: right;
	margin-top: 22px;
	margin-right: 5px;
}

/* kop boven het overzicht (met afgeronde hoeken) */
.winkelwagen_overzicht_kop {
	width: 592px;
	background-color: #e0e0e0;
	height: 42px;
	background-image: url('../img/overzicht_artikel_ronding_rechts.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

.winkelwagen_overzicht_kop .winkelwagen_overzicht_hoek_links {
	width: 10px;
	height: 42px;
	background-image: url('../img/overzicht_artikel_ronding_links.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

.winkelwagen_overzicht_kop .winkelwagen_overzicht_aantal,.winkelwagen_overzicht_kop .winkelwagen_overzicht_omschrijving,.winkelwagen_overzicht_kop .winkelwagen_overzicht_prijs_label
	{
	margin-top: 5px !important;
}

/* regel in het overzicht van de winkelwagen: bevat aantal, naam, prijs en bedrag (= prijs * aantal) */
.winkelwagen_overzicht_row {
	width: 572px;
	margin-left: 10px;
}

/* image van het artikel */
.winkelwagen_overzicht_img {
	width: 50px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* aantal van het artikel */
.winkelwagen_overzicht_aantal {
	width: 75px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

.winkelwagen_overzicht_aantal .input_orderitem_aantal {
	width: 40px;
	text-align: center;
	border: solid 1px #999999;
}

/* omschrijving van het artikel */
.winkelwagen_overzicht_omschrijving {
	width: 292px;
	margin-left: 5px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* prijs label */
.winkelwagen_overzicht_prijs_label {
	width: 65px;
	margin-left: 10px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* prijs euroteken */
.winkelwagen_overzicht_prijs_euro {
	width: 10px;
	margin-left: 10px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* prijs bedrag */
.winkelwagen_overzicht_prijs_bedrag {
	width: 55px;
	text-align: right;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* ruimte voor een verwijder button */
.winkelwagen_overzicht_verwijder {
	width: 20px;
	margin-left: 5px;
	line-height: 16px;
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
	color: #fcae02;
	margin-top: 4px;
}

.winkelwagen_overzicht_verwijder a {
	color: #333333;
}

/* kolom voor het tonen van de totalen en de melding dat er nog geen artikelen in de winkelwagen zijn geplaatst */
.winkelwagen_overzicht_totaalregel {
	width: 397px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* header element */
.winkelwagen_overzicht_koptekst {
	font-weight: bold;
}

/* overrulen van de topmargin voor elementen die direct na de separator komen */
.winkelwagen_overzicht_row .no_top_margin {
	margin-top: 0px !important;
}

/* row waar de buttons onder het overzicht in worden opgenomen */
.winkelwagen_overzicht_buttonrow {
	width: 572px;
	margin-left: 10px;
	margin-top: 20px;
	text-align: right;
}

/* linkermarge op linkjes/plaatjes in de buttonrow */
.winkelwagen_overzicht_buttonrow a {
	margin-left: 10px;
}

/* grijze lijn tussen de verschillende onderdelen van de winkelwagen */
.winkelwagen_overzicht_separator {
	width: 100%;
	height: 21px;
	overflow: hidden;
	background-image: url('../img/artikel_detail_separator.gif');
	background-repeat: repeat-x;
}
form.kortingcode .foutmelding {
	margin: 10px 0px 0px 10px;
}

form.kortingcode .kortingcodes_kop {
	width: 592px;
	margin-top: 20px;
	background-color: #e0e0e0;
	height: 42px;
	background-image: url('../img/overzicht_artikel_ronding_rechts.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

form.kortingcode .kortingcodes_kop .kortingcodes_kop_hoek_links {
	width: 10px;
	height: 42px;
	background-image: url('../img/overzicht_artikel_ronding_links.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}
form.kortingcode input {
	float:right;
	margin-right:10px;
	margin-top:5px;	

}
form.kortingcode div.text {
	margin:10px;
}


/* container voor de loginbox elementen */
.loginbox_container {
	width: 184px;
	padding-top: 10px;
	background-image: url('../img/filter_top.gif');
	background-repeat: no-repeat;
}

/* content van de loginbox */
.loginbox_container .loginbox_content {
	width: 184px;
	background-color: #e0e0e0;
}

/* kopje boven de velden in de loginbox */
.loginbox_container .loginbox_content .loginbox_kopje {
	width: 164px;
	margin-left: 10px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 16px;
	color: #a9a9a9;
	font-weight: bold;
	padding-bottom: 3px;
}

/* row voor de velden in de loginbox */
.loginbox_container .loginbox_content .loginbox_row {
	width: 164px;
	margin-left: 10px;
	padding-bottom: 5px;
}

/* opmaak voor een tekstinvoerveld */
.loginbox_container .loginbox_content .loginbox_row .frm_l_invoerveld {
	width: 164px;
	border: 1px solid #999999;
}

/* opmaak van een foutmelding bij/tijdens het inloggen */
.loginbox_container .loginbox_content .loginbox_foutmelding {
	color: #f03838;
}

.loginbox_container .loginbox_content div.wachtwoordvergeten a {
	margin-left: 10px;
}

/* onderkant van de loginbox */
.loginbox_container .loginbox_bottom {
	width: 184px;
	background-image: url('../img/filter_bottom.gif');
	background-repeat: no-repeat;
	height: 10px;
	overflow: hidden;
}

/* kop boven het formulier (met afgeronde hoeken) */
.klantgegevens_kop {
	width: 592px;
	margin-top: 20px;
	background-color: #e0e0e0;
	height: 32px;
	background-image: url('../img/overzicht_artikel_ronding_rechts.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

.klantgegevens_kop .klantgegevens_kop_hoek_links {
	width: 10px;
	height: 32px;
	background-image: url('../img/overzicht_artikel_ronding_links.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* standaard label binnen de kop */
.klantgegevens_kop h3 {
	margin-top:8px;
	font-weight: bold;
}
.klantgegevens_kop_big {
	height:42px;
}
.klantgegevens_kop_big .klantgegevens_kop_hoek_links {
	height:42px;
}

/* plaatje voor de koptekst (bijvoorbeeld voor het opnemen van de betalingslogo's */
.klantgegevens_kop .klantgegevens_kop_img {
	margin-top: 0px !important;
	width: 50px;
}

/* regel in het formulier voor de klantgegevens */
.klantgegevens_row {
	width: 572px;
	margin-left: 10px;
	margin-top: 5px;
}

/* label voor het invoerveld */
.klantgegevens_row .klantgegevens_label {
	width: 150px;
	line-height: 22px;
	vertical-align: middle;
}

/* opmaak voor een overzicht met enkel tekst waarden */
.klantgegevens_row .klantgegevens_label_text {
	width: 150px;
}

/* div waarin het invoerelement wordt opgenomen */
.klantgegevens_row .klantgegevens_input {
	margin-left: 5px;
	padding-left: 10px;
	width: 390px;
}

/* als het veld verplicht is, dan een ster opnemen aan het begin van de regel */
.klantgegevens_row .verplicht {
	background-image: url('../img/ster.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

/* row waar de buttons onder het formulier in worden opgenomen */
.klantgegevens_buttonrow {
	width: 572px;
	margin-left: 10px;
	margin-top: 20px;
	text-align: right;
}

/* linkermarge op linkjes/plaatjes in de buttonrow */
.klantgegevens_buttonrow a {
	margin-left: 10px;
}

.klantgegevens_buttonrow .button_gegevens_back {
	background: url("../img/btn_uw_gegevens_back.gif") no-repeat;
	border: none;
	cursor: pointer;
	display: inline;
	height: 37px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 190px;
}

.klantgegevens_buttonrow .button_winkelwagen_back {
	background: url("../img/btn_winkelwagen_back.gif") no-repeat;
	border: none;
	cursor: pointer;
	display: inline;
	height: 37px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 172px;
}

/* regel met daarin uitleg over de complementaire producten (winkelwagen) */
.complementaire_producten_row {
	width: 572px;
	margin-left: 10px;
}

/* regel in het formulier voor de klantgegevens */
.orderoverzicht_row {
	width: 572px;
	margin-left: 10px;
	margin-top: 5px;
}

/* kolom met ordernummers */
.orderoverzicht_row .kolom_factuur, 
.klantgegevens_kop .kolom_factuur {
	width: 55px;
}


/* kolom met ordernummers */
.orderoverzicht_row .kolom_ordernr, 
.klantgegevens_kop .kolom_ordernr {
	width: 60px;
}
.orderoverzicht_row .kolom_ordernr a {
	color: #e5a417;
	text-decoration: none;
}
.orderoverzicht_row .kolom_ordernr a:hover {
	color: #e5a417;
	text-decoration: underline;
}

/* kolom met de datum waarop de order is geplaatst */
.orderoverzicht_row .kolom_aanmaakdatum,
.klantgegevens_kop .kolom_aanmaakdatum {
	margin-left: 5px;
	width: 130px;
}

/* kolom met daarin het aantal artikelen dat is besteld */
.orderoverzicht_row .kolom_orderitems,
.klantgegevens_kop .kolom_orderitems {
	margin-left: 5px;
	width: 30px;
}

/* kolom met daarin het totaalbedrag van de order */
.orderoverzicht_row .kolom_totaalbedrag,
.klantgegevens_kop .kolom_totaalbedrag {
	margin-left: 5px;
	width: 80px;
	text-align: right;
}

/* kolom met daarin de status van de order */
.orderoverzicht_row .kolom_status,
.klantgegevens_kop .kolom_status {
	margin-left: 5px;
	width: 190px;
}

/* opmaak nieuwsberichten */
.news_datum {
	width: 572px;
	margin-left: 10px;
	padding-bottom: 10px;
}

.news_lead {
	width: 572px;
	margin-left: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.news_tekst {
	width: 572px;
	margin-left: 10px;
}
.news_tekst p {
	display: inline;	
}
.news_tekst img {
	float: right;
	position: relative;
	display: inline;
	margin-left: 5px;
	margin-bottom: 5px;
}

/* container voor de berichten in het maand/jaar overzicht */
#kolom_midden_nieuwsberichten {
	width: 572px;
	margin-left: 10px;
}

/* titel van de maand boven de nieuwsberichten */
#kolom_midden_nieuwsberichten .maand_titel {
	width: 572px;
	font-weight: bold;
	padding-bottom: 5px;
}

/* container voor de berichten in een maand */
#kolom_midden_nieuwsberichten .maand_berichten {
	width: 572px;
	padding-bottom: 15px;
}

/* regel voor een nieuwsbericht */
#kolom_midden_nieuwsberichten .maand_berichten .news_row {
	width: 572px;
}

/*kolom met daarin de datum van een nieuwsbericht */
#kolom_midden_nieuwsberichten .maand_berichten .news_datum {
	width: 75px;
	margin-left: 15px;
	padding-bottom: 0px;
}

/* kolom met daarin de titel van een nieuwsbericht */
#kolom_midden_nieuwsberichten .maand_berichten .news_titel {
	width: 470px;
	margin-left: 5px;
}

/*Wachtwoord vergeten*/
.kolom_midden #wwaanvragenbox {
	margin: 1px 0px 0px 10px;
	width: 200px;
}

.kolom_midden #wwaanvragenbutton {
	margin: 0px 0px 0px 10px;
	width: 119px;
}

div#wachtwoordvergeten_melding {
	margin: 0px 0px 0px 10px;
	width: 100%;
}

/*===== standaardzaken voor bestelproces */
input.bestel_button, a.bestel_button{
	background: url("../img/button_bg.gif") no-repeat;
	border: 0;
	color: white;
	cursor: pointer;
	font-size: 1.45em;
	height: 37px;
	width: 184px;
}
input.bestel_button.small {
	background: url("../img/button_bg_small.gif") no-repeat;
	width:120px;
	height:24px;
	font-size:1em;
	font-weight:bold;
}

a.bestel_button{
	display: block;
	float: right;
	line-height: 35px;
	text-align: center;
}

a.bestel_button:hover{
	text-decoration: none;
}

div.bestel_overzicht_header {
	width: 592px;
	padding-bottom: 10px;
}

div.bestel_overzicht_row {
	width: 592px;
}
	
a.wijzig {
	font-size:10px;
	color: white;
	font-weight:bold;
	cursor:pointer;
	display:block;
	width:50px;
	height:14px;
	background:url("../img/wijzig_bg.gif") no-repeat top left;
	overflow:hidden;
	white-space:nowrap;
	text-align:center;
	margin-top:2px;
}

/* icon bevestig */
div.bestel_overzicht_header div.icon {
	width: 45px;
	height: 40px;
	overflow: hidden;
	background-image: url('../img/winkelwagen_geel.gif');
	background-repeat: no-repeat;
}
/* icon print */
div.bestel_overzicht_header a.print {
	width: 16px;
	height: 16px;
	overflow: hidden;
	float: right;
	margin-top: 10px;
}
div.bestel_overzicht_header p {
	padding-top:8px;	
}

/*============= Betaalmethodes ================*/
form.betalen .betaalwijze {
	clear: both;
	width: 100%;
}

form.betalen .betaalmethodes {
	float: left;
	position: relative;
	margin: 5px 0px 0px 10px;
}

form.betalen .betaalmethode {
	line-height: 30px;
	cursor: pointer;
	width: 572px;
}
form.betalen .betaalmethode label {
	cursor: pointer;
}

form.betalen .betaalmethode:hover {
	background: #e5e5e5;
}

form.betalen .betaalmethode .betaalmethode_logo {
	width: 50px;
	text-align: center;
	margin-top: 4px;
}
form.betalen .betaalmethode img {
	vertical-align: middle;
}

form.betalen .betaalmethode input {
	margin: 1px 5px;
}

div.kolom_midden form.betalen div.buttons {
	width: 100%;
}

div.kolom_midden form.betalen div.buttons .button_verzendmethode_back {
	background: url("../img/btn_verzendmethode_back.gif") no-repeat;
	border: none;
	cursor: pointer;
	height: 37px;
	width: 200px;
}

div.kolom_midden form.betalen div.buttons .button_bevestigen {
	background: url("../img/btn_bevestig.gif") no-repeat;
	border: none;
	cursor: pointer;
	height: 37px;
	margin-left: 5px;
	width: 153px;
}

/* =========== Verzendmethodes=================*/
div.kolom_midden form.verzenden div.verzendwijze {
	margn: 5px;
}

div.kolom_midden form.verzenden div.verzendwijze div.verzendmethodes {
	margin: 5px;
	padding-left: 10px;
}

div.kolom_midden form.verzenden div.verzendwijze div.verzendmethodes div.verzendmethode
	{
	clear: both;
	display: inline;
	float: left;
	height: 30px;
	line-height: 19px;
	padding-left: 10px;
	position: relative;
	width: 556px;
}

div.kolom_midden form.verzenden div.verzendwijze div.verzendmethodes div.verzendmethode img
	{
	vertical-align: middle;
}

div.kolom_midden form.verzenden div.verzendwijze div.verzendmethodes div.verzendmethode label
	{
	padding-left: 5px;
	line-height: 30px;
	cursor: pointer;
	width: 600px;
}

div.kolom_midden form.verzenden div.verzendwijze div.verzendmethodes div.verzendmethode:hover
	{
	background: #e5e5e5;
}

div.kolom_midden form.verzenden div.verzendwijze div.verzendmethodes div.verzendmethode input
	{
	margin: 1px 5px;
}

div.kolom_midden form.verzenden div.buttons {
	width: 100%;
}

/* =========== Bevestigscherm =================*/

/* kop boven het overzicht (met afgeronde hoeken) */
.bevestig_overzicht_kop {
	width: 592px;
	background-color: #e0e0e0;
	height: 42px;
	background-image: url('../img/overzicht_artikel_ronding_rechts.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

.bevestig_overzicht_kop .bevestig_overzicht_hoek_links {
	width: 10px;
	height: 42px;
	background-image: url('../img/overzicht_artikel_ronding_links.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

.bevestig_overzicht_kop .bevestig_overzicht_aantal,.bevestig_overzicht_kop .bevestig_overzicht_omschrijving,.bevestig_overzicht_kop .bevestig_overzicht_prijs_label
	{
	margin-top: 5px !important;
}

/* regel in het overzicht van de winkelwagen: bevat aantal, naam, prijs en bedrag (= prijs * aantal) */
.bevestig_overzicht_row {
	width: 572px;
	margin-left: 10px;
}

/* image van het artikel */
.bevestig_overzicht_img {
	width: 50px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* aantal van het artikel */
.bevestig_overzicht_aantal {
	width: 45px;
	line-height: 16px;
	vertical-align: middle;
	text-align: right;
	padding-right: 5px;
	margin-top: 5px;
}

.bevestig_overzicht_aantal .input_orderitem_aantal {
	width: 40px;
	text-align: center;
	border: solid 1px #999999;
}

/* omschrijving van het artikel */
.bevestig_overzicht_omschrijving {
	width: 292px;
	margin-left: 5px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* prijs label */
.bevestig_overzicht_prijs_label {
	width: 65px;
	margin-left: 10px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* prijs euroteken */
.bevestig_overzicht_prijs_euro {
	width: 10px;
	margin-left: 10px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* prijs bedrag */
.bevestig_overzicht_prijs_bedrag {
	width: 50px;
	text-align: right;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* ruimte voor een verwijder button */
.bevestig_overzicht_verwijder {
	width: 20px;
	margin-left: 5px;
	line-height: 16px;
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
	color: #fcae02;
	margin-top: 4px;
}

.bevestig_overzicht_verwijder a {
	color: #333333;
}

/* kolom voor het tonen van de totalen en de melding dat er nog geen artikelen in de bevestig zijn geplaatst */
.bevestig_overzicht_totaalregel {
	width: 397px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
}

/* header element */
.bevestig_overzicht_koptekst {
	font-weight: bold;
}

/* overrulen van de topmargin voor elementen die direct na de separator komen */
.bevestig_overzicht_row .no_top_margin {
	margin-top: 0px !important;
}

/* row waar de buttons onder het overzicht in worden opgenomen */
.bevestig_overzicht_buttonrow {
	width: 572px;
	margin-left: 10px;
	margin-top: 20px;
	text-align: right;
}

/* linkermarge op linkjes/plaatjes in de buttonrow */
.bevestig_overzicht_buttonrow a {
	margin-left: 10px;
}

/* grijze lijn tussen de verschillende onderdelen van de bevestig */
.bevestig_overzicht_separator {
	width: 100%;
	height: 21px;
	overflow: hidden;
	background-image: url('../img/artikel_detail_separator.gif');
	background-repeat: repeat-x;
}

/*================== Bevestigscherm persoonsgegevens ====================*/
div#persoonsgegevens {
	margin: 20px 0px 0px 10px;
	width: 100%;
}

div#persoonsgegevens div#adresgegevens {
	margin: 10px 0px;
	width: 100%;
}

div#persoonsgegevens div#adresgegevens div#factuuradres,
div#persoonsgegevens div#adresgegevens div#afleveradres {
	width: 50%;
}

div#betaalmethode {
	margin: 20px 0px 0px 10px;
	width: 100%;
}

div#verzendmethode {
	margin: 10px 0px 10px 10px;
	width: 100%;
}


div.bevestig_overzicht_buttonrow #agree_button {
	background: url('../img/btn_betalen.gif') no-repeat;
	border: none;
	cursor: pointer;
	height: 43px;
	width: 132px;
}

div#kortingscode {
	display: none;
}

div#algemene_voorwaarden,
div#order_opmerking,
div#order_referentie {
	margin: 10px 0px 0px 10px;
	width: 100%;
}

/*==========================Creditcard======================*/
form.creditcard p {
	margin-left: 10px;
}

table.creditcard_form {
	margin-left: 10px;
}

div.creditcard_buttons {
	margin-left: 10px;
	width: 100%;
}

div.creditcard_buttons .pay_button {
	background: url('../img/btn_betalen.gif') no-repeat;
	border: none;
	cursor: pointer;
	display: inline;
	float: right;
	height: 43px;
	margin: 10px 20px 0px 0px;
	position: relative;
	width: 132px;
}

/* opmaak voor de veel gestelde vragen */
span.faq_vraag {
	font-weight: bold;
	padding-left: 10px;
	background-image: url('../img/faq_bullet.gif');
	background-repeat: no-repeat;
	margin: 0px;
}

span.faq_vraag a {
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

span.faq_vraag a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #333333;
}

span.faq_antwoord {
	float: left;
	position: relative;
	display: inline;
	width: 560px;
	margin-left: 10px;
	padding-bottom: 10px;
}


/* container voor een review */
.artikel_review {
	width: 572px;
	margin-bottom: 10px;
}
.artikel_review_label {
	width: 100px;
	line-height: 16px;
	vertical-align: middle;
}
.artikel_review_text {
	line-height: 16px;
	width: 462px;
}
/* regel voor de artikel reviews kop */
.artikel_review_inleiding {
	width: 572px;
	line-height: 16px;
	veritcal-align: middle;
	margin-left: 10px;
	padding-bottom: 10px;
}
.artikel_review_inleiding input {
	margin-top: 5px;
}

.button_down {
	background: url("../img/btn_arrowdown.gif") no-repeat;
	border: 0;
	color: white;
	cursor: pointer;
	height: 24px;
	width: 21px;
}
.button_up {
	background: url("../img/btn_arrowup.gif") no-repeat;
	border: 0;
	color: white;
	cursor: pointer;
	height: 24px;
	width: 21px;
}


.artikel_review_toonverberg {
	margin-left: 10px;
	margin-right: 10px;
	width: 200px;
}
.artikel_review_toonverberg .text {
	line-height: 24px;
	vertical-align: middle;
}
/* label voor een invoer veld in het review scherm */
.artikel_review_frmlabel {
	margin-left: 10px;
	width: 150px;
	line-height: 20px;
	vertical-align: middle;
}
.artikel_review_frmverplicht {
	background-image: url('../img/ster.gif');
	background-repeat: no-repeat;
	background-position: right center;
}
/* invoerveld binnen het formulier in het review scherm */
.artikel_review_frminput {
	margin-left: 10px;
	width: 412px;
}
.artikel_review_frmregel {
	margin-top: 5px;
}
.lbl_margin_top {
	margin-top: 2px;
}
/* regel onder het formulier met daarin de buttons */
.artikel_review_buttonrow {
	width: 572px;
	margin-left: 10px;
	margin-top: 20px;
	text-align: right;
}

/* regel voor een gevonden cm-pagina */
.zoek_cm_kop {
	width: 570px;
	margin: 0px 0px 10px 10px;
	border: 1px solid #cccccc;
}
.zoek_cm_regel {
	width: 572px;
	margin-left: 10px;
}
/* regel voor de kop boven de gevonden artikelen */
.zoek_cm_kop_artikelpagina {
	width: 590px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #cccccc;
}
.zoek_cm_kop p, 
.zoek_cm_kop_artikelpagina p {
	margin: 5px;
	padding: 0px;
}
/* opmaak van een link binnen cm-pagina zoekresultaten */
.zoek_cm_regel a {
	color: #333333;
	text-decoration: none;
}
.zoek_cm_regel a:hover {
	color: #333333;
	text-decoration: underline;
}
.zoek_cm_regel h3 {
	font-weight: bold;
	padding-bottom: 5px;
}
/* opmaak paragraph */
.zoek_cm_regel p {
	padding: 0px;
	margin: 0px;
}
/* overrule de underline op de p-tag href */
.zoek_cm_regel p a:hover {
	text-decoration: none;
}

/* logo van mcafee secure */ 
div#header_mcafee_secure {
	position: absolute; 
	right: 5px; 
	top: 50px; 
	width: 115px; 
	height: 32px;
}
div#kolom_midden_mcafee_secure {
	width: 592px;
	text-align: center;
}