body{
	background-color: #23140a;
}

.basisvlak{
 	background-color: #23140a;
	width: 768px;
	height: auto;
	top: 0px;
	border: 2px solid #23140a;
	margin: auto;
	position: relative;
}

.menubalk {
	position: absolute;
	width: 768px;
	height: 24px;
 	border-collapse: collapse;
	top: 0px;
	left: 0px;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	text-align: center;
	z-index: 6;
}

.overige_tabbladen {
	background-color: #c7cc63;
	color: #786450;
	border: 1px solid #23140a;
}

.geselecteerde_tabblad {
	background-color: #a0b41e;
	color: #23140a;
}

.text_overige_tabbladen {
	color: #786450;
	text-decoration: none;
}

.text_overige_tabbladen:hover {
	color: #23140a;
	text-decoration: none;
}
 
.ko_bo {
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 3;
}

.groenebalk {
	position: absolute;
	width: 768px;
	height: 36px;
	top: 24px;
	left: 0px;
	z-index: 4;
	background-color: #a0b41e;
}
 
.logo {
	position: absolute;
	top: 24px;
	left: 303px;
	z-index: 5;
}

.gr_cr {
	position: absolute;
	top: 144px;
	left: 36px;
	border: 2px solid #786450;
}
	
.ve_ge {
	position: absolute;
	top: 144px;
	left: 292px;
	border: 2px solid #786450;
}

.da_pr_je {
	position: absolute;
	top: 144px;
	left: 548px;
	border: 2px solid #786450;
	z-index: 20;
}

.tekst_gr_cr {
	position: absolute;
	top: 346px;
	left: 50px;
}

.tekst_ve_ge {
	position: absolute;
	top: 346px;
	left: 330px;
}

.tekst_da_pr_je {
	position: absolute;
	top: 346px;
	left: 584px;
	z-index:9;
}

.we_ka {
	position: absolute;
	top: 24px;
	left: 0px;
	z-index: 1;
}

.table_assortiment {
	position: absolute;
	table-layout: fixed;
	width: 768px;
	top: 380px;
	left: 0px;
	z-index: 10;
}

.single_originals {
	height: 20px;
	background-color: #64503c;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 4px;
	padding-top: 4px;
	padding-left: 16px;
	color: #fcfae1;
	border-left: 4px solid #23140a;
	border-right: 4px solid #23140a;	
}

.uitleg {
	height: 12px;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	letter-spacing: 0,8px;
	word-spacing: 1px;
	padding-left: 8px;
	color: #fcfae1;
}

.cell_assortiment {
	background-color: #fcfae1;
	border: 4px solid #23140a;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 11px;
	letter-spacing: 0,8px;
	word-spacing: 1px;
	line-height:16px;
	vertical-align: top;
	color: #23140a;
}

.cell_drie_continenten_abonnement{
	background-color: #fcfae1;
	border-right: 4px solid #23140a;
	border-left: 6px solid #23140a;
	border-top: 4px solid #23140a;
	border-bottom: 8px solid #23140a;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 11px;
	letter-spacing: 0,8px;
	word-spacing: 1px;
	line-height:16px;
	vertical-align: top;
	color: #23140a;
}
.cell_drie_continenten_abonnement_prijs{
	background-color: #fcfae1; 
	border: 4px solid #23140a; 
	border-bottom: 8px solid #23140a; 
	vertical-align: top; 
	text-align: right; 
	padding-top: 6px; 
	padding-right:6px; 
	padding-left: 6px;
}

.cell_prijs {
 	background-color: #fcfae1;
	width:120px;
	border: 4px solid #23140a;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 11px;
	letter-spacing: 1px;
	word-spacing: 1px;
	line-height:18pt;
	vertical-align: top;
	text-align: center;
	padding-bottom: 6px;
	padding-top: 6px;
	
}

.tabelletje_prijs_abonnement {
	text-align: left;
 	font-family: Arial, Helvetica, Sans serif;
	font-size: 11px;
	letter-spacing: 1px;
	word-spacing: 1px;
	line-height:15pt;
}

.melanges {
	height: 20px;
	background-color: #64503c;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	vertical-align: center;
	padding-left: 8px;
	color: #fcfae1;
	border-left: 4px solid #23140a;
	border-right: 4px solid #23140a;
	border-top: 20px solid #23140a;
}

.cell_fuego_melange {
	background-color: #fcfae1;
	border: 4px solid #23140a;
	
}

.cell_omschrijving_fuego_melange {
	background-color: #fcfae1;
	padding-left: 12px;
	padding-right: 7px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, Sans serif;
	font-size: 11px;
	letter-spacing: 0,8px;
	word-spacing: 1px;
	line-height:16px;
	vertical-align: top;
	color: #23140a;
}

.knop_guatamala {
	border: 1px solid #fcfae1;
}

.knop_guatamala:hover{
  border: 1px solid #bf7514;
}

.knop_guatamala {
	border: 1px solid #fcfae1;
}

.knop_guatamala:hover{
  border: 1px solid #bf7514;
}

.knop_costa_rica {
	border: 1px solid #fcfae1;
}

.knop_costa_rica:hover{
  border: 1px solid #bf7514;
}

.knop_bolivia{
	border: 1px solid #fcfae1;
}

.knop_bolivia:hover{
  border: 1px solid #85982f;
}

.knop_brazilie {
	border: 1px solid #fcfae1;
}

.knop_brazilie:hover{
  border: 1px solid #85982f;
}

.knop_colombia {
	border: 1px solid #fcfae1;
}

.knop_colombia:hover{
  border: 1px solid #85982f;
}

.knop_kenia {
	border: 1px solid #fcfae1;
}

.knop_kenia:hover{
  border: 1px solid #495f70;
}

.knop_ethiopie {
	border: 1px solid #fcfae1;
}

.knop_ethiopie:hover{
  border: 1px solid #495f70;
}

.knop_indonesie {
	border: 1px solid #fcfae1;
}

.knop_indonesie:hover{
  border: 1px solid #ae4643;
}

.knop_fuego_melange {
	border: 1px solid #fcfae1;
	margin-top:12px;
}

.knop_fuego_melange:hover{
  border: 1px solid #004628;
}

.knop_drie_continenten_abonnement {
	border: 1px solid #fcfae1;
}

.knop_drie_continenten_abonnement:hover {
	border: 1px solid #23140a;;
}

.contact {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	margin-left: 48px;
	margin-top: 160px;
	margin-right: 48px;
}

.ko_ba {
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 3;
}

.post {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	text-align: left;
	color: #ffffff;
	margin-left:400px;
	margin-top: 180px;
	margin-right: 15px;
}

.ko_wi {
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 3;
}

.winkel {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	color: #ffffff;
	margin-left: 416px;
	margin-top: 160px;
	margin-right: 48px;
}

.ro_be {
	position: absolute;
	top: 350px;
	left: 416px;
}

.over_koffie {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	margin-left: 48px;
	margin-top: 160px;
	margin-right: 48px;
}

.actueel {
	font-family: Arial, Helvetica, Sans serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	margin-left: 48px;
	margin-top: 144px;
	margin-right: 48px;
}

.bestelstappen  {
	width:768px;
	top:118px;
	left:0;
	z-index: 9;
	table-layout: auto;
	position:absolute;
	font-family: Arial, Helvetica, Sans serif;
	font-size:11px;
	letter-spacing:1px;
	word-spacing:1px;
}

.overige_stappen {
	border:1px solid #ffffff;
	background-color:#64503c;
	text-align:center;
}

.overige_stappen:hover {
	border:1 px solid #ffffff;
	background-color:#443223;
	text-align:center;
}

.text_overige_stappen{
	color: #ffffff;
	text-decoration: none;
}

.geselecteerde_stap {
	border:1px solid #ffffff;
	background-color:#23140a;
	text-align:center;
	color: #ffffff;
}

.tabel_bestellingen {
	width: 768px;	
	position:absolute;
	top:160px;
	left:0px;
	z-index: 8;
	table-layout: auto;
	border-collapse: collapse;
	font-family: Arial, Helvetica, Sans serif;
	font-size:11px;
	letter-spacing:1px;
}

.tabel_inloggen_aanmelden{
	width: 768px;	
	position:absolute;
	top:160px;
	left: 0px;
	table-layout: auto;
	border-collapse: collapse;
	font-family: Arial, Helvetica, Sans serif;
	font-size:11px;
	letter-spacing:1px;
	background-color: #64503c;
	border-top: 1px solid #ffffff;
	z-index:8;
}

.invoerveld_aanmelden_inloggen{
	width:268px;
	height:16px;
	border: none;
	background-color: #c0b7af;
	font-family: Arial, Helvetica, Sans serif;
	font-size:11px;
	letter-spacing:1px;
	color: #23140a;
}

	
.tabel_gegevens_controleren {
	width: 768px;	
	position:absolute;
	top:160px;
	left:0px;
	z-index: 8;
	table-layout:auto;
	border-collapse: collapse;
	font-family: Arial, Helvetica, Sans serif;
	font-size:11px;
	letter-spacing:1px;
	background-color: #64503c
}

.overkoepelende_cel {
	border-top:2px solid #ffffff;  
	border-bottom:2px solid #ffffff;
	color: #23140a;
}

.bestelling_regel  {
	width: 766px;	
	table-layout: fixed;
	border-collapse: collapse;
	border-top: 1px solid #23140a;
	border-bottom:1px solid #23140a;
}
 
.cell1  {
	width:auto;
	background-color:#9c8e82;
	padding-left: 18px;
}	

.cell2  {
	width:167px;
	background-color:#bfb6ae;
	border-left:2px solid #23140a;
	border-right:2px solid #23140a;
	padding-left:9px;
}	

.cell2a  {
	width:118px;
	background-color:#bfb6ae;
	border-left:2px solid #23140a;
	padding-left:9px;
}	

.cell2b  {
	width:35px;
	background-color:#bfb6ae;
	border-right:2px solid #23140a;
	text-align:center;
	padding-right:12px;
}	

.cell3  {
	width:55px;
	background-color:#bfb6ae;
	border-left:2px solid #23140a;
	padding-left:9px;
}
	
.cell4  {
	width:150px;
	background-color:#bfb6ae;
	border-right:2px solid #23140a;
}	

.cell5  {
	width:61px;
	background-color:#9c8e82;
	padding-left:9px;
}	

.cell6 {
	width:99px;
	background-color:#9c8e82;
}	

.invoervelden {
	font-family: Arial, Helvetica, Sans serif;
	font-size:11px;
	letter-spacing:1px;
	word-spacing:1px;
	height: 18 px;
	width: 130px;
}
.invoerveld_aantal {
	font-family: Arial, Helvetica, Sans serif;
	font-size:11px;
	letter-spacing:1px;
	word-spacing:1px;
	height: 20 px;
	width: 40px;
}

.knop_op_lichtbruin {
 	border: 1px solid #9c8e82
 }

.knop_op_lichtbruin:hover{
 	border: 1px solid #ffffff
 }

.inleiding_inloggen{
	color:#ffffff;
	padding-left: 30px;
	padding-right: 12px;
	padding-top:4px;
}

.inleiding_aanmelden{
	color:#ffffff;
	padding-left: 30px;
	padding-right: 12px;
}

.cell_naam_invoerveld{
	padding-left:12px;
	padding-right:6px;
	color:#23140a;
	background-color: #9c8e82;
}

.cell_invoerveld_aanmelden_inloggen{
	padding-left:6px;
	background-color: #c0b7af;
	border-bottom:1px solid #9c8e82;
}

.knop_op_bruin{
	border:1px solid #64503c;
}

.knop_op_bruin:hover{
	border:1px solid #ffffff;
}

.formulier{
	width:373px;
	table-layout: fixed;
	border-collapse: collapse;
	background-color:#9c8e82; 
	border-right:8px solid #9c8e82; 
}

.cell_lichtbruin{
	background-color: #9c8f82;
}

.cell_creme{
	background-color: #bfb6ae;
}

.tekst_link_bruin{
	color:#23140a;
	text-decoration: underline;
}	

.tekst_link_bruin:hover{
	color:#ffffff;
	text-decoration: underline;
}

.tekst_link_wit{
	color:#ffffff;
	text-decoration: underline;
}	

.tekst_link_wit:hover{
	color:#c0b7af;
	text-decoration: underline;
}

.cell_kop{
	padding-left:12px;
	padding-right:6px;
	color:#ffffff;
	background-color: #9c8e82;
}

.cell_tekst_gegevens_controleren{
	padding:12px;
	color:#ffffff;
}

.cell_tekst_bestelling_controleren{
	padding-top:12px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:4px;
	color:#ffffff;
	border-bottom: 1px solid #ffffff;
}

.text_assortiment {
	color: #a0b41e;
	text-decoration: none;
}

.text_assortiment:hover {
	color: #786450;
	text-decoration: none;
}