@charset "utf-8";

@import url("../css/login_box.css");
	
/* overall settings */
body,th,td,ul,li,form,label,input,button,select,textarea
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #666699;
}

p,ul,ol,label,input.text,input.password,input.submit,input.button,input.reset,button,select,textarea
	{
	font-size: 8.5pt;
	line-height:1.5em;
}

img {
	border-style: none;
}

body {
	margin: 0px;
	background-color: #e3ebf4;
}

div,img {
	position: relative;
}

a {
	text-decoration: none;
	color: #174592;
}

a:hover {
	text-decoration: underline;
	color: #925288;
}

a img {
	cursor: pointer;
}

/* andere, alternatieve, kleur voor een linkje */
a.link_paars {
	color: #925288;
}

td {
	vertical-align: top;
}

form {
	margin: 0px;
	padding: 0px;
}

input.image {
	border: 0px none;
	height: auto;
	width: auto;
}

label {
	color: #174592;
}

input, select, textarea {
	border: 1px solid #439acf;
	font-size: 10px;
	margin-bottom: 1px;
	color:black;
}

input.frm-checkbox,
input.frm-radio {
	border: none;	
}

input.submit, input.button, input.reset, button, input.frm-button {
	background: #E6E4E5 url('../img/button_gradient.gif') repeat-x scroll left bottom;
	border: 1px solid #747474;
	border-radius: 3px;
	-moz-border-radius: 3px;
	color: #439acf;
	cursor: pointer;
	vertical-align: middle;
	font-family: Verdana, Arial;
	line-height: 16px;
	height: 19px;
}

/* opmaak van de submit knop voor inloggen; komt grotendeels overeen met de standaard opmaak voor een submit knop */
input.login_submit {
	color: #996633;
}

/* opmaak van de submit knop voor zoeken; komt grotendeels overeen met de standaard opmaak voor een submit knop */
input.zoek_submit {
	color: #925288;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 24px;
	color: #666699;
	margin-bottom: 10px;
	font-weight:normal;
	margin-top:0px;
}
h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}
h3 > a {
	color: inherit;	
}

div.clear{
	clear:both;	
}

/* balk boven de pagina met daarin de linkjes naar de verschillende websites van erdee */
#site_top_menu {
	float: left;
	position: relative;
	display: inline;
	width: 100%;
	background-image: url('../img/site_top_menu_bg.gif');
	background-repeat: repeat-x;
	list-style-type: none;
	text-align: center;
}

.link-white {
	color: #ffffff;
}

/* container voor alle content elementen */
#container {
	float: left;
	position: relative;
	display: inline;
	padding-top: 25px;
	width: 982px;
	left: 50%;
	margin-left: -491px;
	z-index: 100;
}

/* box tbv de schaduw aan de rechterkant */
#schaduw_rechts {
	float: left;
	position: relative;
	display: inline;
	background-image: url('../img/schaduw_rechts.gif');
	background-position: right top;
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left;
	width: 982px;
}

/* helemaal rechtsboven zit een apart hoekje in de schaduw */
#schaduw_rechts_boven {
	float: left;
	position: relative;
	display: inline;
	background-image: url('../img/schaduw_rechts_boven.gif');
	background-position: right top;
	background-repeat: no-repeat;
	width: 982px;
}

/* de schaduw onderaan de pagina */
#schaduw_onder {
	float: left;
	position: relative;
	display: inline;
	background-image: url('../img/schaduw_onder.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 7px;
	width: 982px;
}

/* content gedeelte met de gele rand */
#content_gele_rand {
	float: left;
	position: relative;
	display: inline;
	background-image: url('../img/gele_rand.gif');
	background-color: #ffffff;
	background-repeat: repeat-y;
	width: 975px;
}

/* div met daarin de twee blauwe strepen die over de gele lijn moet vallen */
#content_balk_links {
	float: left;
	position: relative;
	display: inline;
	width: 15px;
	height: 450px;
	overflow: hidden;
	background-image: url('../img/balk_links.gif');
	background-repeat: no-repeat;
}

/* daadwerkelijke contentvlak */
#content {
	float: left;
	position: relative;
	display: inline;
	width: 950px;
	margin-left: 10px;
}

/* logo boven de pagina */
#logo {
	float: left;
	position: relative;
	display: inline;
	width: 950px;
	height: 112px;
	overflow: hidden;
}

/* menu tussen het logo en de content in */
#menu {
	float: left;
	position: relative;
	display: inline;
	width: 940px;
	line-height: 26px;
	vertical-align: middle;
	height: 52px;
	background-color: #cde0f1;
	background-image: url('../img/menu_bg.gif');
	background-repeat: repeat-x;
}

/* linkerkant van het menu: het hoofdmenu */
#menu_links {
	float: left;
	position: relative;
	display: inline;
	width: 750px;
}

/* rechterkant van het menu: het zoekforumulier */
#menu_rechts {
	float: left;
	position: relative;
	display: inline;
	width: 185px;
	margin-left: 5px;
}

#hoofdmenu {
	float: left;
	position: relative;
	display: inline;
	overflow: visible;
	background-color: #669acc; 
}

#hoofdmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight: 600;
	font-size: 12px;	
	background-color: #669acc;
	z-index: 200000;
}
#hoofdmenu ul a {
	display: block;
	position: relative;
	line-height: 26px;
	color: white;
}
#hoofdmenu ul a:hover,
#hoofdmenu ul a.selected {
	background-color: #cde0f1;
	color: #477295;
	text-decoration: none;
}

#hoofdmenu ul ul {
	position: absolute;
	top: -9990px;
	left: 0px;
	background-color: #cde0f1;
	z-index: 210000;
}

#hoofdmenu ul ul li {
	background-color: #cde0f1;
	text-transform: none;
}
#hoofdmenu ul ul li a {
	color: #477295;	
}
#hoofdmenu ul ul li a:hover {
	text-decoration: underline;
}

#hoofdmenu ul ul li:hover {
	visibility: inherit; /* fix voor IE7 'sticky bug' */
}

#hoofdmenu ul li {
	float: left;
	position: static;
	text-transform: uppercase;
}
#hoofdmenu ul li:hover,
#hoofdmenu ul li.is_active,
#hoofdmenu ul li.sfHover {
	background-color: #cde0f1;
}

#hoofdmenu ul li:hover a,
#hoofdmenu ul li.is_active a,
#hoofdmenu ul li.sfHover a {
	color: #477295;	
	line-height: 26px;
}
#hoofdmenu ul li a {
	padding: 0px 5px 0px 5px;
	line-height: 26px;
} 


#hoofdmenu ul li:hover ul,
#hoofdmenu ul li.sfHover ul {
	left: 0;
	top: 26px; /* match top ul list item height */
	z-index: 99;
	width: 940px;
}

#hoofdmenu ul li:hover li ul,
#hoofdmenu ul li.sfHover li ul {
	top: -9990px;
}




#hoodfmenu ul li li:hover ul,
#hoofdmenu ul li li.sfHover ul {
	left: 0px;  /* match ul width */
	top: 0;
}

#hoofdmenu ul li li:hover li ul,
#hoofdmenu ul li li.sfHover li ul {
	top: -9990px;
}

#hoofdmenu ul li li li:hover ul,
#hoofdmenu ul li li li.sfHover ul {
	left: 100px; /* match ul width */
	top: 0;
}



/* divs waarin zoek formulier elementen kunnen worden opgenomen en netjes kunnen worden uitgelijnd */
.zoek_input {
	float: right;
	position: relative;
	display: inline;
	padding-right: 5px;
	margin-top: 4px;
}




/* kruimelpad / datum tussen menu en content */
#kruimelpad {
	float: left;
	position: relative;
	display: inline;
	width: 940px;
}

#kruimelpad_links {
	float: left;
	position: relative;
	display: inline;
	width: 750px;
}

/* rechterkant van het kruimelpad: de datum van vandaag */
#kruimelpad_rechts {
	float: left;
	position: relative;
	display: inline;
	width: 185px;
	margin-left: 5px;
	text-align: right;
	line-height: 22px;
	vertical-align: middle;
}

/* opmaak voor een item in het kruimelpad */
.kruimelpad_item {
	float: left;
	position: relative;
	display: inline;
	line-height: 22px;
	vertical-align: middle;
	padding-right: 5px;
	color: #666666;
}

.kruimelpad_item a {
	color: #666699;
	text-decoration: underline;
}

/* scheiding tussen de kruimelpad items */
.kruimelpad_separator {
	float: left;
	position: relative;
	display: inline;
	width: 10px;
	height: 22px;
	overflow: hidden;
	background-image: url('../img/kruimelpad_separator.gif');
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

/* inhoud van de pagina */
#bs_pagina {
	float: left;
	position: relative;
	display: inline;
	width: 940px;
	padding-bottom:20px;
}

/* kolom met de breedte van de pagina: three column layout */
#pagina_three_column {
	float: left;
	position: relative;
	display: inline;
	width: 940px;
}

/* linker kolom van een pagina */
#pagina_links {
	float: left;
	position: relative;
	display: inline;
	width: 185px;
	overflow-x: hidden;
}
/* linker kolom van een pagina in een two column layout */
#pagina_links_twocol {
	float: left;
	position: relative;
	display: inline;
	width: 226px;
	overflow-x: hidden;
}

/* middengedeelte van een pagina */
#pagina_midden {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
	margin-left: 20px;
}

/* in een two column layout (zoals de homepage) de linker en middenkolom opnemen */
#pagina_links_midden {
	float: left;
	position: relative;
	display: inline;
	width: 695px;
	overflow-x: hidden;
}

/* in een two column layout (zoals de homepage) de midden en rechter kolom opnemen */
#pagina_midden_rechts {
	float: left;
	position: relative;
	display: inline;
	width: 704px;
	margin-left: 10px;
	overflow-x: hidden;
}


/* rechter kolom van een pagina */
#pagina_rechts {
	float: left;
	position: relative;
	display: inline;
	width: 185px;
	margin-left: 20px;
}
/* rechter kolom van een pagina in een two column layout */
#pagina_rechts_twocol {
	float: left;
	position: relative;
	display: inline;
	width: 235px;
	margin-left: 10px;
}

/*ruimte maken tussen tekst en input veld*/
.aanmelden_nieuwsbrief {
	margin-top: 5px;
}

/*ruimte maken aan onderkant input veld*/
.input_mailadres {
	display: block;
	margin-bottom: 2px;
}

#email {
	width: 50%;
}

.aanmelden_nieuwsbrief_button {
	margin: 1px 0;
	width: 51%;
}

/* container voor de plaatjes/buttons aan de linkerkant van de homepage */
.home_button_left {
	width: 226px;
	height: 75px;
	padding-bottom: 2px;
}
	

/* elk afzonderlijk item in de kolommen links en rechts opnemen in een soort van container */
.kolom_item {
	float: left;
	position: relative;
	display: inline;
	width: 185px;
	padding-bottom: 10px;
}

.kolom_item p {
	margin: 0px;
	padding: 0px;
}

/* header binnen elk item in een kolom */
.kolom_item_header {
	float: left;
	position: relative;
	display: inline;
	width: 185px;
	background-image: url('../img/kolom_item_header_bg.gif');
	background-repeat: repeat-x;
	padding-bottom: 3px;
}

.kolom_item_header p {
	line-height: 18px;
	vertical-align: middle;
	text-transform: uppercase;
	color: #2E5B88;
	font-weight: 600;
	margin: 0px 5px 0px 5px;
}

/* elementen binnen een assortiment menu */
.assortiment_menuitem {
	float: left;
	position: relative;
	display: inline;
	background-image: url('../img/li_assortiment.gif');
	background-position: 0px 7px;
	background-repeat: no-repeat;
	width: 170px;
	padding-left: 15px;
	line-height: 17px;
	vertical-align: middle;
	color: #925288;
}

.assortiment_menuitem a:hover {
	color: #925288;
}

/* elementen binnen een submenu */
.submenu_menuitem {
	float: left;
	position: relative;
	display: inline;
	width: 185px;
	line-height: 17px;
	vertical-align: middle;
}

/* container voor een item uit het best verkocht overzicht */
.best_verkocht_container {
	float: left;
	position: relative;
	display: inline;
	width: 185px;
	margin-top: 5px;
	background-color: #ffffff;
	overflow-x: hidden;
}

.best_verkocht_container:hover {
	background-color: #f1f1f1;
}

/* plaatje van een best verkocht artikel */
.best_verkocht_image {
	float: left;
	position: relative;
	display: inline;
	width: 76px;
	height: 76px;
	overflow: hidden;
	background-color: #e7e7e7;
}

/* categorie van een best verkocht artikel */
.best_verkocht_categorie {
	float: left;
	position: relative;
	display: inline;
	width: 89px;
	height: 15px;
	margin-left: 10px;
	padding-left: 10px;
	overflow: hidden;
	line-height: 14px;
	vertical-align: middle;
	background-image: url('../img/li_assortiment.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	color: #925288;
}

/* naam van een best verkocht artikel */
.best_verkocht_artikelnaam {
	float: left;
	position: relative;
	display: inline;
	width: 99px;
	height: 30px;
	overflow: hidden;
	margin-left: 10px;
	line-height: 14px;
	vertical-align: middle;
}

/* artikelnr van een best verkocht artikel */
.best_verkocht_artikelnr {
	float: left;
	position: relative;
	display: inline;
	width: 99px;
	height: 30px;
	overflow: hidden;
	margin-left: 10px;
	line-height: 14px;
	vertical-align: middle;
}

#auth_iframe {
	width: 190px;
	height: 94px;
	border: none;
}

/* titel boven een artikel overzicht */
.artikel_overzicht_titel_pagina {
	float: left;
	position: relative;
	display: inline;
	font-size: 24px;
	color: #666699;
	padding-bottom: 10px;
	width: 530px;
	font-weight:normal;
}

/* artikel zoek blok */
.zoek_categorie {
	display: inline;
	float: left;
	width: 530px;
	background-image: url("../img/kolom_item_header_bg.gif");
}

.categorie_titel {
	display: inline;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #C2C2D6;
	font-size: 11px;
	line-height: 18px;
	cursor: pointer;
	font-weight: 600;
}		

#artikel_zoek_blok {
	display: none;
	float: left;
	width: 530px;	
	margin-top: 15px;
}

#cm_zoek_blok {
	display: none;
	float: left;
	width: 530px;
	margin-top: 15px;	
}

.paging {
	display: inline;
	float: left;
	width: 530px;	
}	

/* balk met pagina selectie */
.artikel_overzicht_pagina_selectie {
	float: left;
	position: relative;
	display: inline;
	color: #666666;
	width: 300px;
	font-weight: 600;
	padding-bottom: 15px;
}
.artikel_overzicht_pagina_selectie a {
        color: #666666;
        text-decoration: underline;
}
.artikel_overzicht_pagina_selectie a.unselected_page {
        color: #439acf;
        text-decoration: none;
}
.artikel_overzicht_pagina_selectie a.unselected_page:hover {
        color: #439acf;
        text-decoration: underline;
}
.artikel_overzicht_pagina_selectie a.selected_page {
        color: #a61756;
        text-decoration: none;
        cursor: default;
}

/* balk met aantal artikelen per pagina selectie */
.artikel_overzicht_aant_pp {
	float: left;
	position: relative;
	display: inline;
	margin-left: 10px;
	width: 220px;
	color: #666666;
	font-weight: 600;
	text-align: right;
}
.artikel_overzicht_aant_pp a {
        color: #666666;
        text-decoration: underline;
}
.artikel_overzicht_aant_pp a.selected_nr {
        color: #a61756;
        text-decoration: none;
        cursor: default;
}

/* kopje boven groep van artikelen */
.artikel_overzicht_groep_kop {
	float: left;
	position: relative;
	display: inline;
	width: 520px;
	padding: 0px 5px 0px 5px;
	background-color: #d4edfa;
	line-height: 18px;
	font-size: 12px;
	vertical-align: middle;
	color: #925288;
}

/* opmaak van een div waarin de melding staat dat er geen items gevonden zijn */
.artikel_overzicht_row {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
}

/* linker kolom in een artikel overzicht */
.artikel_overzicht_kolom_links {
	float: left;
	position: relative;
	display: inline;
	width: 260px;
	padding-bottom: 10px;
	margin-top: 1px;
}

/* rechter kolom in een artikel overzicht */
.artikel_overzicht_kolom_rechts {
	float: left;
	position: relative;
	display: inline;
	width: 260px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-top: 1px;
}

/* container voor de opmaak elementen van een item in het overzicht */
.artikel_overzicht_item {
	float: left;
	position: relative;
	display: inline;
	width: 260px;
	padding-bottom: 10px;
}

/* plaatje van het artikel */
.artikel_overzicht_image {
	float: left;
	position: relative;
	display: inline;
	width: 100px;
	height: 100px;
	overflow: hidden;
	background-color: #f1f1f1;
}

/* rand rond de beschrijving van een artikel */
.artikel_overzicht_beschrijving_rand {
	float: left;
	position: relative;
	display: inline;
	width: 159px;
	height: 85px;
	margin-left: 1px;
	background-color: #c2c2d6;
}

/* de beschrijving van een artikel in het overzicht */
.artikel_overzicht_beschrijving {
	float: left;
	position: relative;
	display: inline;
	width: 157px;
	height: 84px;
	margin: 1px 0px 0px 1px;
	background-color: #ffffff;
	overflow: hidden;
}

/* paarse balk onder de beschrijving van een artikel in het overzicht */
.artikel_overzicht_paarse_balk {
	float: left;
	position: relative;
	display: inline;
	width: 149px;
	height: 15px;
	margin-left: 1px;
	padding: 0px 5px 0px 5px;
	line-height: 14px;
	vertical-align: middle;
	color: #ffffff;
	background-color: #95C0DB;
	overflow: hidden;
}
.artikel_overzicht_paarse_balk a {
	color: #ffffff;
	text-decoration: none;
}

/* titel van het artikel */
.artikel_overzicht_titel {
	float: left;
	position: relative;
	display: inline;
	width: 137px;
	font-size: 11px;
	font-weight: 600;
	color: #925288;
	line-height: 14px;
	margin: 10px 0px 0px 5px;
}
.artikel_overzicht_titel a {
        color: #925288;
        text-decoration: none;
}
.artikel_overzicht_titel a:hover {
        color: #925288;
        text-decoration: underline;
}

/* prijs van het artikel (standaard opmaak: blauw en vet gedrukt) */
.artikel_overzicht_prijs {
	float: left;
	position: relative;
	display: inline;
	width: 137px;
	font-size: 11px;
	font-weight: 600;
	margin-left: 5px;
	line-height: 14px;
}

/* prijs van een artikel (van prijs: rood, normaal gedrukt en doorgestreept) */
.artikel_overzicht_prijs_van {
	float: left;
	position: relative;
	display: inline;
	width: 137px;
	font-size: 11px;
	color: #ff0000;
	text-decoration: line-through;
	margin-left: 5px;
	line-height: 14px;
}

/* zoek resultaten van cm pagina's */
.cm_zoek_overzicht {
	display: inline;
	float: left;
	width: 530px;	
}

#searchresult {
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;	
	width: 530px;
}

#searchresult li {
	float: left;
	width: 530px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
	padding-bottom: 6px;
	border-bottom: 1px solid #C2C2D6;
}

#searchresult li a {
	display: block;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	margin: 10px 0 0 0px;	
	color: #925288;
}

#searchresult li p {
	display: block;
	margin-top: 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #666699;
}	

/* prijs van een artikel (prijs normaal: blauw en normaal gedrukt) */
.artikel_overzicht_prijs_normaal {
	float: left;
	position: relative;
	display: inline;
	width: 137px;
	font-size: 11px;
	margin-left: 5px;
	line-height: 14px;
}

/* regel binnen de container van voordeel items (card aanbiedingen): bevat een linker en een rechter kolom */
.card_aanbieding_row {
	float: left;
	position: relative;
	display: inline;
	width: 100%;
	overflow: hidden;
}
/* De aanbiedingen voor een cardhouder. Image en text naast elkaar */
div.card_aanbieding {
	float: left;
	position: relative;
	display: inline;
	padding: 5px;
	width: 248px;
	background: #F1F1F1;
	border: 1px solid #D6D6D6;
	cursor: pointer;
	
	padding-bottom: 4000px;
	margin-bottom: -4000px;
}
div.card_aanbieding img {
	float: left;
	position: relative;
	margin-right: 5px;
	margin-bottom: 5px;
}
/* container voor de onderkant van de elementen */
.card_aanbieding_bottom_container { 
	float: left;
	position: relative;
	display: inline;
	padding-bottom: 10px;
	width: 100%;
	background-color: #ffffff;
}
/* rand onder het voordeel element: visueel; de rand onder valt weg door de overflow van de container */
.card_aanbieding_bottom {
	float: left;
	position: relative;
	display: inline;
	height: 1px;
	overflow: hidden;
	width: 260px;
	background-color: #D6D6D6;
}

/* container voor alle artikel detail elementen */
#artikel_detail_container {
        float: left;
        position: relative;
        display: inline;
        width: 530px;
        padding-bottom: 10px;
}
/* titel boven een artikel detail: bevat de categorie */
#artikel_detail_titel {
	float: left;
	position: relative;
	display: inline;
	font-size: 24px;
	color: #666699;
	padding-bottom: 10px;
	width: 530px;
	font-weight:normal;
	padding-bottom:0px;
}
/* subtitel onder de titel: bevat de naam van het artikel */
#artikel_detail_subtitel {
        float: left;
        position: relative;
        display: inline;
        font-size: 16px;
        color: #925288;
        padding-bottom: 10px;
        width: 530px;
        font-weight: 600;
}
/* balk met buttons voor bijvoorbeeld print */
#artikel_detail_buttons {
        float: left;
        position: relative;
        display: inline;
        width: 530px;
        text-align: right;
}
/* rand rond het plaatje */
#artikel_detail_img_rand {
        float: left;
        position: relative;
        display: inline;
        background-color: #f1f1f1;
        padding-bottom: 20px;
        width: 240px;
}
/* plaatje van het artikel */
#artikel_detail_img {
        float: left;
        position: relative;
        display: inline;
        width: 200px;
        margin: 20px 0px 0px 20px;
}
/* beschrijving van het artikel: artikelnummer + omschrijving */
#artikel_detail_beschrijving {
        float: left;
        position: relative;
        display: inline;
        width: 280px;
        margin-left: 10px;
}
/* container voor de prijs / bestel elementen */
#artikel_detail_prijs_rand {
        float: left;
        position: relative;
        display: inline;
        width: 530px;
        margin-top: 10px;
        background-color: #e7f4fb;
        padding-bottom: 20px;
}
/* label boven de box met prijs/prijzen */
#artikel_detail_prijs_kop {
        float: left;
        position: relative;
        display: inline;
        width: 490px;
        margin: 10px 0px 0px 20px;
        color: #925288;
        font-size: 14px;
        font-weight: 600;
}
/* rand rond de prijsbox */
#artikel_detail_prijs_boxrand {
        float: left;
        position: relative;
        display: inline;
        width: 490px;
        background-color: #bfc4da;
        margin: 10px 0px 0px 20px;
}
/* de box met daarin de prijs/prijzen */
#artikel_detail_prijs_box {
        float: left;
        position: relative;
        display: inline;
        width: 488px;
        background-color: #ffffff;
        margin: 1px 0px 0px 1px;
        padding: 10px 0px 10px 0px;
}
/* de rand onder de prijsbox */
#artikel_detail_prijsbox_bottom {
        float: left;
        position: relative;
        display: inline;
        width: 490px;
        height: 15px;
        overflow: hidden;
        background-color: #925288;
        margin-left: 20px;
}
/* regel binnen de prijsbox */
.artikel_detail_prijsbox_row {
        float: left;
        position: relative;
        display: inline;
        width: 483px;
}
/* artikel naam */
.artikel_detail_prijsbox_art {
        float: left;
        position: relative;
        display: inline;
        width: 388px;
        margin-left: 10px;
}
/* artikel euro-teken */
.artikel_detail_prijsbox_euro {
        float: left;
        position: relative;
        display: inline;
        width: 10px;
        margin-left: 10px;
        font-weight: 600;
        text-align: right;
}
/* prijs van het artikel */
.artikel_detail_prijsbox_prijs {
        float: left;
        position: relative;
        display: inline;
        width: 55px;
        margin-left: 5px;
        font-weight: 600;
        text-align: right;
}
/* prijs van het artikel: van voor prijs */
.artikel_detail_prijsbox_prijs_van {
        float: left;
        position: relative;
        display: inline;
        width: 55px;
        margin-left: 5px;
        font-weight: 600;
        text-align: right;
        color: #ff0000;
        text-decoration: line-through;
}
/* label aantal voor het invoerveld voor het aantal dat men wil bestellen */
.artikel_detail_prijsbox_lblaantal {
        float: left;
        position: relative;
        display: inline;
        width: 408px;
        margin-left: 10px;
        text-align: right;
        line-height: 17px;
}
/* div waar het invoerveld voor het aantal te bestellen artikelen in wordt opgenomen */
.artikel_detail_prijsbox_inpaantal {
        float: left;
        position: relative;
        display: inline;
        width: 55px;
        margin-left: 5px;
        text-align: right;
}
/* invoerveld voor het aantal te bestellen artikelen */
.artikel_detail_prijsbox_inpaantal #artikel_aantal {
        color: #666666;
        text-align: center;
        width: 40px;
}
/* buttons onder het prijsbox element t.b.v. het bestellen van artikelen en het navigeren naar de bestelbon */
#artikel_detail_prijsbox_buttons {
        float: left;
        position: relative;
        display: inline;
        width: 490px;
        margin: 5px 0px 0px 20px;
        text-align: right;
}

/* container voor de gerelateerde artikelen */
#artikel_detail_relart {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
	background-color: #eeeeee;
	margin: 10px 0px 0px 0px;
	padding-bottom: 10px;
}
/* label boven de gerelateerde artikelen */
#artikel_detail_relart_kop {
	float: left;
	position: relative;
	display: inline;
	width: 490px;
	margin: 10px 0px 0px 20px;
	color: #925288;
	font-size: 14px;
	font-weight: 600;
}
/* container voor de drie gerelateerde artikelen */
#artikel_detail_relart_items {
	float: left;
	position: relative;
	display: inline;
	width: 520px;
	margin: 10px 0px 0px 10px;
}
/* container voor een gerelateerd artikel item */
.artikel_detail_relart_item {
	float: left;
	position: relative;
	display: inline;
	width: 155px;
	margin-left: 10px;
}
/* plaatje binnen gerelateerd artikel */
.artikel_detail_relart_img {
	float: left;
	position: relative;
	display: inline;
	width: 55px;
	height: 55px;
	overflow: hidden;
	margin: 0px;
	background-color: #ffffff;
}
/* content van een gerelateerd artikel */
.artikel_detail_relart_content {
	float: left;
	position: relative;
	display: inline;
	width: 90px;
	margin-left: 10px;
}
/* categorie van een gerelateerd artikel */
.artikel_detail_relart_categorie {
	float: left;
	position: relative;
	display: inline;
	width: 80px;
	height: 14px;
	padding-left: 10px;
	overflow: hidden;
	line-height: 14px;
	vertical-align: middle;
	background-image: url('../img/li_assortiment.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	color: #925288;
}
/* naam van een gerelateerd artikel */
.artikel_detail_relart_artikelnaam {
	float: left;
	position: relative;
	display: inline;
	width: 90px;
	height: 28px;
	overflow: hidden;
	line-height: 14px;
	vertical-align: middle;
}
/* prijs van een gerelateerd artikel */
.artikel_detail_relart_prijs {
	float: left;
	position: relative;
	display: inline;
	width: 90px;
	height: 30px;
	overflow: hidden;
	line-height: 14px;
	vertical-align: middle;
}

/* icoontje (winkelmandje) en de tekst bovenaan de bestelbon widget */
#bestelbon_widget_mandje {
        float: left;
        position: relative;
        display: inline;
        width: 185px;
        height: 35px;
        background-image: url('../img/icon_winkelmand.jpg');
        background-repeat: no-repeat;
        background-position: 3px 3px;
}
#bestelbon_widget_mandje_tekst {
        float: left;
        position: relative;
        display: inline;
        width: 130px;
        margin: 5px 0px 0px 50px;
        line-height: 13px;
}
/* regel met daarin de gegevens van een order item */
.bestelbon_widget_row {
        float: left;
        position: relative;
        display: inline;
        width: 185px;
        line-height: 13px;
        height: 14px;
        background-color: #ffffff;
}
.bestelbon_widget_row:hover {
        background-color: #e9f3f9;
}
/* aantal van een order item */
.bestelbon_widget_aantal {
        float: left;
        position: relative;
        display: inline;
        width: 20px;
}
/* artikelnaam van een order item */
.bestelbon_widget_artikel {
        float: left;
        position: relative;
        display: inline;
        width: 90px;
        margin-left: 3px;
        height: 13px;
        overflow: hidden;
}
/* euroteken van een order item */
.bestelbon_widget_euro {
        float: left;
        position: relative;
        display: inline;
        width: 10px;
        margin-left: 3px;
        font-weight: 600;
        color: #925288;
}
/* prijs van een order item */
.bestelbon_widget_prijs {
        float: left;
        position: relative;
        display: inline;
        width: 40px;
        height: 13px;
        overflow: hidden;
        margin-left: 3px;
        text-align: right;
        font-weight: 600;
        color: #925288;
}
/* deletebtn van een order item */
.bestelbon_widget_delete {
        float: left;
        position: relative;
        display: inline;
        width: 10px;
        margin-left: 3px;
        text-align: right;
        font-weight: 600;
}
.bestelbon_widget_delete a {
        text-decoration: none;
        color: #925288;
}
/* regel met daarin de totalen van een order */
#bestelbon_widget_totaalrow {
        float: left;
        position: relative;
        display: inline;
        width: 185px;
        margin-top: 5px;
        line-height: 13px;
        height: 14px;
}
/* label totaal onderaan de lijst van orderitems */
#bestelbon_widget_lbltotaal {
        float: left;
        position: relative;
        display: inline;
        width: 113px;
}
/* regel met daarin de buttons voor naar de bestelbon te gaan of direct naar de afrekenstap te springen */
#bestelbon_widget_buttonrow {
        float: left;
        position: relative;
        display: inline;
        width: 185px;
        text-align: center;
        margin: 5px 0px 0px 0px;
}
/* geen items in de bestelbon melding */
#bestelbon_widget_geenitems {
        float: left;
        position: relative;
        display: inline;
        width: 185px;
}


/* div waarin de melding wordt getoond van een actie in de bestelbon (toevoegen / verwijderen / etc) */
#bestel_melding {
	float: left;
	position: absolute;
	display: block;
	left: -215px;
	top: 20px;
	z-index: 10000000;
	width: 225px;

}
/* tekst binnen de melding ballon */
#bestel_melding_tekst {
	float: left;
	position: relative;
	display: inline;
	width: 180px;
	padding: 10px 10px 10px 10px;
	background-color: #439acf;
	color: #ffffff;
	font-weight: 600;
}
/* driehoekje rechts van de melding die spreekballon vorm suggereert */
#bestelbon_melding_pijl {
	float: left;
	position: relative;
	display: inline;
	width: 25px;
	height: 30px;
	background-image: url('../img/bestelbon_melding_pijl.gif');
	background-repeat: no-repeat;
}


/* container voor alle bestelbon overzicht elementen */
#bb_overzicht_container {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
	padding-bottom: 10px;
}
/* titel boven het bestelbon overzicht: bevat de stap */
#bb_overzicht_titel {
	float: left;
	position: relative;
	display: inline;
	font-size: 28px;
	color: #666699;
	width: 530px;
}
/* subtitel onder de titel: bevat de naam van het artikel */
#bb_overzicht_subtitel {
	float: left;
	position: relative;
	display: inline;
	font-size: 16px;
	color: #925288;
	padding-bottom: 10px;
	width: 530px;
	font-weight: 600;
}
/* balk met buttons voor bijvoorbeeld print */
#bb_overzicht_buttons {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
	text-align: right;
}
/* container voor de bestelbon */
#bb_overzicht_bestelbon {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
	background-color: #e7f4fb; 
	margin-top: 10px;
	padding-bottom: 10px;
}
/* icoontje boven de lijst met bestelbon items */
#bb_overzicht_bestelbon_mandje {
	float: left;
	position: relative;
	display: inline;
	width: 100px;
	margin: 10px 0px 0px 10px;
}
/* element waar de tabel in opgenomen wordt die het gehele overzicht van de order bevat, of het opmerkingen formulier */
.bb_overzicht_orderbevestiging_row {
	float: left;
	position: relative;
	display: inline;
	width: 510px;
	margin: 15px 0px 0px 10px;
} 


/* rand rond de lijst met bestelbon items */
#bb_overzicht_bestelbon_rand {
	float: left;
	position: relative;
	display: inline;
	width: 510px;
	margin-left: 10px;
	background-color: #c2c6da;
}
/* binnenkant van het bestelbon itemoverzicht */
#bb_overzicht_bestelbon_content {
	float: left;
	position: relative;
	display: inline;
	width: 508px;
	margin: 1px 0px 0px 1px;
	padding: 5px 0px 5px 0px;
	background-color: #ffffff;
}
/* rand onder het bestelbon itemoverzicht */
#bb_overzicht_bestelbon_bottom {
	float: left;
	position: relative;
	display: inline;
	width: 510px;
	margin-left: 10px;
	background-color: #925288;
	color: #ffffff;
	line-height: 15px;
	height: 17px;
	font-style: italic;
}

/* regel in het bestelbon itemoverzicht */
.bb_overzicht_bestelbon_row {
	float: left;
	position: relative;
	display: inline;
	width: 498px;
	margin-left: 5px;
}
/* input voor het aanpassen van het aantal te bestellen items van een artikel */
.bb_overzicht_bestelbon_aantal {
	float: left;
	position: relative;
	display: inline;
	width: 50px;
}
.bb_overzicht_bestelbon_aantal input {
	width: 40px;
	text-align: center;
	color: #666666;
}
/* artikelnr van een orderitem */
.bb_overzicht_bestelbon_artnr {
	float: left;
	position: relative;
	display: inline;
	width: 65px;
	line-height: 15px;
	color: #925288;

}
/* titel van een orderitem */
.bb_overzicht_bestelbon_artikel {
	float: left;
	position: relative;
	display: block;
	width: 218px;
	margin-left: 5px;
	line-height: 15px;
}
.bb_overzicht_bestelbon_artikel a {
	color: #925288;
	text-decoration: none;
}
.bb_overzicht_bestelbon_artikel a:hover {
	color: #925288;
	text-decoration: underline;
}
/* euro teken (2x gebruikt) voor een prijs */
.bb_overzicht_bestelbon_euro {
	float: left;
	position: relative;
	display: inline;
	width: 20px;
	line-height: 15px;
	text-align: right;
}
/* prijs van een artikel (2x gebruikt: als stuksprijs en totaal) */
.bb_overzicht_bestelbon_prijs {
	float: left;
	position: relative;
	display: inline;
	width: 55px;
	line-height: 15px;
	text-align: right;
}
/* icoontje tbv het verwijderen van het artkel van de bestelbon */
.bb_overzicht_bestelbon_delete {
	float: left;
	position: relative;
	display: inline;
	width: 10px;
	line-height: 15px;
	text-align: right;
}
.bb_overzicht_bestelbon_delete a {
	color: #925288;
	font-weight: 600;
	text-decoration: none;
}
/* lijn tussen de lijst met artikelen en de (sub-)totalen */
.bb_overzicht_bestelbon_hr {
	float: left;
	position: relative;
	display: inline;
	width: 498px;
	border-top: 1px solid #c2c6da;
	margin: 5px 0px 0px 5px;
	height: 6px;
	overflow: hidden; 
}
/* label binnen de (sub-)totaalregel */
.bb_overzicht_bestelbon_totaallabel {
	float: left;
	position: relative;
	display: inline;
	width: 338px;
	line-height: 15px;
}
/* prijs binnen de subtotaalregel */
.bb_overzicht_bestelbon_subtotaalprijs {
	float: left;
	position: relative;
	display: inline;
	width: 130px;
	line-height: 15px;
	text-align: right;
}
/* prijs binnen de totaalregel */
.bb_overzicht_bestelbon_totaalprijs {
	float: left;
	position: relative;
	display: inline;
	width: 130px;
	line-height: 15px;
	text-align: right;
	color: #925288;
	font-weight: 600;
}
/* container voor de buttons onder de bestelbon */
#bb_overzicht_bestelbon_buttons {
	float: left;
	position: relative;
	display: inline;
	width: 510px;
	margin: 10px 0px 0px 10px;
	text-align: right;
}
/* container voor de labels boven de tabel */
#bb_overzicht_labels {
	float: left;
	position: relative;
	display: inline; 
	width: 498px;
	margin: 5px 0px 0px 16px;
	padding-bottom: 3px;
}
/* label aantal */
#bb_overzicht_label_aantal {
	float: left;
	position: relative;
	display: inline; 
	width: 50px;
	font-weight: 600;	
}
/* label artikel nr */
#bb_overzicht_label_artnr {
	float: left;
	position: relative;
	display: inline; 
	width: 70px;
	font-weight: 600;	
}
/* label omschrijving */
#bb_overzicht_label_artikel {
	float: left;
	position: relative;
	display: inline; 
	width: 230px;
	font-weight: 600;	
}
/* label prijs/stuk */
#bb_overzicht_label_prijs {
	float: left;
	position: relative;
	display: inline; 
	width: 75px;
	font-weight: 600;	
}
/* label bedrag */
#bb_overzicht_label_bedrag {
	float: left;
	position: relative;
	display: inline; 
	width: 70px;
	font-weight: 600;	
}

/* inleidende tekst voor de gebruiker */
#bb_klant_inleiding {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
	margin-top: 10px;
}

#bb_klant_foutmelding {
	float: left;
	position: relative;
	display: inline;
	width: 510px;
	margin-top: 10px;
	padding-left: 20px;
	color: #ff0000;
	font-weight: 600;
	background-image: url('../img/error.png');
	background-repeat: no-repeat;
	background-position: left center;
}

/* container element voor het opnemen van de klantgegevens */
#bb_klant_container {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
	background-color: #e7f4fb; 
	margin-top: 10px;
	padding-bottom: 10px;
}
/* label boven de inputvelden */
.bb_klant_kopje {
	float: left;
	position: relative;
	display: inline;
	width: 510px;
	margin: 10px 0px 0px 10px;
	font-size: 14px;
	font-weight: 600;
	color: #439acf;
}
/* regel voor een label en een invoerveld (nodig voor IE6 die anders de opmaak verklooit!!) */
.bb_klant_row {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
}
/* label voor het inputveld */
.bb_klant_label {
	float: left;
	position: relative;
	display: inline;
	width: 150px;
	margin: 2px 0px 0px 10px;
	text-align: right;
	line-height: 17px;
	height: 18px;
	overflow: hidden;
}
/* inputveld van het formulier */
.bb_klant_input {
	float: left;
	position: relative;
	display: inline;
	margin: 2px 0px 0px 10px;
	line-height: 17px;
}
/* label boven de inputvelden voor het onderdeel uw gegevens / gegevens klant */
#bb_klant_kopje_klantgegevens {
	float: left;
	position: relative;
	display: inline;
	width: 150px;
	margin: 10px 0px 0px 10px;
	font-size: 14px;
	font-weight: 600;
	color: #439acf;
}
/* input voor het linkje dat nodig is voor het ophalen van de gegevens op basis van erdee klantnummer of e-mailaders */
#bb_klant_check_klantgegevens {
	float: left;
	position: relative;
	display: inline;
	margin: 10px 0px 0px 10px;
	padding-left: 16px;
	line-height: 17px;
	background-image: url('../img/arrow_refresh_small.png');
	background-repeat: no-repeat;
	background-position: left center;
}
/* label boven de inputvelden voor het onderdeel afleveradres */
#bb_klant_kopje_afladres {
	float: left;
	position: relative;
	display: inline;
	width: 150px;
	margin: 10px 0px 0px 10px;
	font-size: 14px;
	font-weight: 600;
	color: #439acf;
}
/* checkbox tbv het tonen/verbergen van de invoervelden voor het afleveradres */
#bb_klant_aflcheck {
	float : left;
	position: relative;
	display: inline;
	width: 20px;
	margin: 10px 0px 0px 6px;
	height: 17px;
}
/* tekstlabel achter de checkbox */
#bb_klant_aflcheck_label {
	float : left;
	position: relative;
	display: inline;
	width: 330px;
	margin-top: 10px;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
}
/* divje waarin een ster opgenomen kan worden tbv het aangeven van een verplicht veld */
.bb_klant_verplicht {
	padding-right: 10px;
	background-image: url('../img/icon_ster_verplicht.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
/* container div voor het opnemen van een alternatief afleveradres */
#bb_klant_afleveradres {
	float: left;
	position: relative;
}
/* row met daarin de buttons onder het formulier */
#bb_klant_buttons {
	float: left;
	position: relative;
	display: inline;
	width: 510px;
	text-align: right;
	margin: 10px 0px 0px 10px;
}
/* opmaak voor de hr die gebruikt wordt bij het bevestigen van de bestelling */
.hr_bestelbon {
	height: 1px;
	padding: 0px;
	color: #c2c6da;
	border: 0px;
	border-top: 1px solid #c2c6da; 
}
/* div waarin de melding staat dat de bestelling is afgerond of waarin de foutmelding wordt opgenomen */
#bb_afgerond_melding {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
}

/*Container uitschrijven nieuwsbrief*/
div#nieuwsbrief_uitschrijven{
	display:inline;
	float:left;
	position: relative;
	width: 100%
}

div.nieuwsbrief_uitschrijven_regel{
	display:inline;
	float:left;
	margin:	5px;
	position: relative;
	width: 100%
}
div#servicemenu ul,
div#servicemenu li {
	list-style:none;
	margin:0px;
	padding:0px;
}
div#servicemenu ul {
	margin-top:2px;
	float:left;
}
div#servicemenu li {
	padding-top:2px;
	padding-bottom:2px;
}

/*Nieuwsbriefarchief*/
div#nieuwsbrief_archief{
	display: inline;
	float: left;
	margin-left: 10px;
	position: relative;
	background-color: #E7F4FB;
	width: 530px;
}

ul.nieuwsbrief{
	display: inline;
	float: left;
	position: relative;
	width: 530px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	border-top: 3px double #439ACF;
	line-height: 27px;
}

ul.nieuwsbrief li{
	list-style: none;
	padding: 0;
	margin: 0;	
}

span.nieuwsbrief_titel{
	display: inline;
	float:left;		
	position:relative;
	padding: 3px 0px 3px 5px;
}

span.nieuwsbrief_datum{
	display:inline;
	float: right;
	position: relative;
	padding: 3px 5px 3px 0px;
}


div.cm-fotoblad-page.inactive {
	display:none;
}
div.cm-fotoblad-nav ul,
div.cm-fotoblad-nav li {
	list-style:none;
	padding:0px;
	margin:0px;
}
div.cm-fotoblad-nav li {
	float:left;
	margin-right:1px;
}
div.cm-fotoblad-nav a {
	display:block;
	padding:5px;
	border:1px solid #666699;
	font-weight:bold;
}
div.cm-fotoblad-nav a:hover,
div.cm-fotoblad-nav a.active {
	background: #6699CC;
	color:white;	
	text-decoration:none;
}
div.cm-fotoblad-thumbnail {
	border:1px solid #666699;
	margin-right:4px;
	margin-bottom:4px;
}
div.cm-fotoblad-thumbnail img {
	float:left;
}
div.cm-documenten ul li a {
	height:18px;
	display:block;
}
div.cm-documenten ul,
div.cm-documenten li {
	list-style:none;
	padding:0px;
	margin:0px;
}

/*Wordt overschreven door de nieuwsbrieven maar card_aanbiedingen heeft geen achtergrondkleur*/
div#pagina_midden table#card_aanbiedingen{
	background-color: #FFFFFF;
}

div.cm-formulier {
	margin-top: 5px;
	padding: 5px;
	background: #F1F1F1;
	border: 1px solid #D6D6D6;
	cursor: pointer;
}
div.card_aanbieding img {
	float: left;
	position: relative;
	margin-right: 5px;
}


/* container voor de (maximaal) 5 artikelen die op de homepage worden getoond */
#homepage_artikel_container_rand { 
	float: left;
	position: relative;
	display: inline;
	width: 704px;
	padding-bottom: 1px;
	margin-bottom: 10px;
	background-color: #c3daec;
}
#homepage_artikel_container { 
	float: left;
	position: relative;
	display: inline;
	width: 702px;
	margin: 1px 0px 0px 1px;
	padding-bottom: 10px;
	background-color: #e2f0f9;
	background-image: url('../img/home_selector_bg.gif');
	background-repeat: no-repeat;
}

/* linker kolom binnen de artikel container: foto's en selectie van de producten */
#homepage_artikel_links {
	float: left;
	position: relative;
	display: inline;
	width: 370px;
	margin: 10px 0px 0px 10px;
}
/* rechter kolom binnen de artikel container: titel, omschrijving e.d. van het product */
#homepage_artikel_rechts {
	float: left;
	position: relative;
	display: inline;
	width: 314px;
	margin-top: 10px;
}
#homepage_artikel_rechts h2 {
	color: #274760;
}
#homepage_artikel_rechts p {
	color: #003366;
}
#homepage_artikel_rechts p a {
	color: #274760;
	text-decoration: underline;
}

/* prijstag van een artikel */
.homepage_prijstag {
	position: absolute;
	display: inline;
	
	top: 240px;
	left: 180px;
	width: 124px;
	height: 79px;
	background-image: url('../img/prijstag_large.png');
	background-repeat: no-repeat;
}
	/* deel van de prijs voor de komma */
	.homepage_prijstag_part1 {
		float: left;
		position: relative;
		display: inline;
		
		width: 95px;
		margin-top: 6px;
		line-height: 42px;
		height: 42px;
		vertical-align: middle;
		text-align: right;
		font-size: 20px;
		font-weight: 600;
		color: #274760;
	}
	/* deel van de prijs na de komma */
	.homepage_prijstag_part2 {
		float: left;
		position: relative;
		display: inline;
		
		width: 25px;
		margin-top: 6px;
		line-height: 36px;
		height: 36px;
		vertical-align: middle; 
		font-size: 20px;
		font-weight: 600;
		color: #274760;
	}

/* knop tbv het bestellen van een artikel */
.homepage_btn_bestellen {
	position: absolute;
	display: inline;
	
	top: 320px;
	left: 180px;
	width: 124px;
	text-align: right;
}
/* rand rond de foto van het artikel op de homepage */
#homepage_foto_rand {
	float: left;
	position: relative;
	display: inline;
	width: 360px;
	padding-bottom: 1px;
	background-color: #c3daec;
}
#homepage_foto {
	float: left;
	position: relative;
	display: inline;
	width: 358px;
	height: 285px;
	margin: 1px 0px 0px 1px;
	padding: 8px 0px 8px 0px;
	background-color: #ffffff;
	text-align: center;
}

/* lijn tussen de plaatjes en de selector */
#homepage_img_selector_separator {
	float: left;
	position: relative;
	display: inline;
	width: 358px;
	height: 1px;
	overflow: hidden;
	margin-left: 1px;
	background-image: url('../img/home_img_selector_separator.gif');
	background-repeat: no-repeat;
}

/* rand rond de image selector tbv het tonen van een egale witte achtergrond */
#homepage_img_selector_rand {
	float: left;
	position: relative;
	display: inline; 
	width: 358px;
	margin-left: 1px;
	background-color: #ffffff;	
}

/* container voor de knoppen die gebruikt worden voor het selecteren van een product */
#homepage_img_selector {
	float: left;
	position: relative;
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
/* active knop voor het selecteren van een product */
.homepage_img_sel_active {
	float: left;
	position: relative;
	display: inline;
	margin: 0px 5px 0px 5px;
	width: 19px;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	background-image: url('../img/img_selector_active.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
}
/* inactieve knop voor het selecteren van een product */
.homepage_img_sel_inactive {
	float: left;
	position: relative;
	display: inline;
	margin: 0px 5px 0px 5px;
	width: 19px;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	background-image: url('../img/img_selector_inactive.gif');
	background-repeat: no-repeat;
	font-weight: 600;
	color: #6999ca;
	cursor: pointer;
}


/* container div waarin alle homepage shop items worden getoond: linker kolom */
#homepage_item_container_links {
	float: left;
	position: relative;
	display: inline;
	width: 270px;
	padding-bottom: 10px;
}
/* container div waarin alle homepage shop items worden getoond: rechter kolom */
#homepage_item_container_rechts {
	float: left;
	position: relative;
	display: inline;
	width: 260px;
	padding-bottom: 10px;
}

/* container voor drie extra homepage artikelen */
.homepage_extra_artikelen_row {
	float: left;
	position: relative;
	display: inline;
	width: 940px;
	padding-bottom: 8px;
}

/* rand rond een extra artikel op de homepage */
.homepage_extra_artikel_rand {
	float: left;
	position: relative;
	display: inline;
	width: 308px;
	padding-bottom: 1px;
	margin-left: 8px;
	background-color: #c3daec;
}
.no_margin_left {
	margin-left: 0px;
}
.homepage_extra_artikel {
	float: left;
	position: relative;
	display: inline;
	width: 306px;

	margin: 1px 0px 0px 1px;
	padding: 8px 0px 2px 0px;
	background-color: #ffffff;
}
/* tekst van het extra artikel op de homepage */
.homepage_extra_artikel_tekst {
	float: left;
	position: relative;
	display: inline;
	width: 288px;
	margin-left: 8px;
	color: #003366;
}
.homepage_extra_artikel_tekst img {
	float: left;
	border: none;
	display: inline;
	margin-right: 5px;
	margin-bottom: 2px;
}
.homepage_extra_artikel_tekst h2 {
	color: #003366;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
}
.homepage_extra_artikel_tekst a {
	text-decoration: none;
	color: #003366; 
}
.homepage_extra_artikel_tekst a:hover { 
	text-decoration: underline;
	color: #003366;
}
	.homepage_extra_artikel_tekst .prijs_tag_small {
		float: right;
		position: relative;
		display: inline;
		
		width: 77px;
		height: 36px;
		margin-top: 3px;
		margin-left: 3px;
		background-image: url('../img/prijstag_small.gif');
		background-repeat: no-repeat;
	}
		.homepage_extra_artikel_tekst .prijs_tag_small .prijs_label1 {
			float: left;
			position: relative;
			display: inline;
			
			height: 27px;
			width: 59px;
			margin-top: 3px;
			text-align: right;
			line-height: 27px;
			vertical-align: middle;
			font-size: 14px;
			font-weight: 600;
			color: #003366;
		}
		.homepage_extra_artikel_tekst .prijs_tag_small .prijs_label2 {
			float: left;
			position: relative;
			display: inline;
			
			height: 27px;
			width: 18px;
			margin-top: 0px;
			line-height: 27px;
			font-size: 14px;
			font-weight: 600;
			color: #003366;
			vertical-align: middle;
		}


/* rand rond het inlogformulier voor medewerkers */
#mwlogin_form_rand {
	float: left;
	position: relative;
	display: inline;
	width: 530px;
	padding-bottom: 1px;
	margin-bottom: 10px;
	background-color: #c3daec;
}
#mwlogin_form { 
	float: left;
	position: relative;
	display: inline;
	width: 528px;
	margin: 1px 0px 0px 1px;
	padding: 7px 0px 10px 0px;
	background-color: #e2f0f9;
}
.mwlogin_form_row {
	float: left;
	position: relative;
	display: inline;
	width: 513px;
	margin-top: 3px;
}
.mwlogin_form_row_label { 
	float: left;
	position: relative;
	display: inline;
	width: 113px;
	text-align: right;
	line-height: 16px;
	vertical-align: middle;
}
.mwlogin_form_row_input {
	float: left;
	position: relative;
	display: inline;
	width: 380px;
	margin-left: 10px;
}
.mwlogin_form_row_error {
	float: left;
	position: relative;
	display: inline;
	width: 380px;
	margin-left: 10px;
	color: #ff0000;
}