@charset "utf-8";
/* CSS Document */



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

.datepicker{
	background: url('../img/datumpicker_icon_14.png') no-repeat 84px center #FFF;
	width: 100px;
	border:1px solid red;

}

.extra_afbeelding{
	float: left;
	padding-bottom:5px;
	padding-left:5px
}

body{
	background-color:			#ffffff;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
}

.am_korting{
	display:none;
}

.am_korting_visible{
	display:block;
}

.debiteur_regel_span{
	visibility:hidden;
}

.total_wrapper{
	width:						990px;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					20px;
}


/* top */
.top_min_height_50{
	min-height:					50px;
	padding-bottom:				10px;
}

.top_min_height_60{
	min-height:					60px;
	padding-bottom:				10px;
}

.top_logo{
	position:					absolute;
	background-image:			url('../img/cust/logo.jpg');
	width:						192px;
	height:						42px;
}

.dagvakje{
	border:1px solid black;
	padding: 0px;
	width:27px;
	height:25px;
	text-align:center;
}

.niet_selecteerbaar{
	background:#ddd;
	color:#999;
}

.niet_invulbaar{
	background-image:			url('../img/rondje_rood.gif');
	background-repeat:			no-repeat;
	background-position:		center;
}

.invulbaar{
	font-weight:bold;
}

.ingevuld{
	padding: 0px;
	font-weight:bold;
	background-image:			url('../img/rondje_groen.gif');
	background-repeat:			no-repeat;
	background-position:		center;
}

.ingevuld_nietgewerkt {
	font-weight:bold;
	background-image:			url('../img/rondje_groen_nietgewerkt.gif');
	background-repeat:			no-repeat;
	background-position:		center;

}


a.dagvakje:link{color:black;border:0px}
a.dagvakje:hover{color:black;border:0px}
a.dagvakje:visited{color:black;border:0px}
a.dagvakje:active{color:black;border:0px}

.today{
	background-color:yellow;
}


.top_userinfo{
	position:					absolute;
	width:						990px;
	font-size:					11px;
	text-align:					right;
}

.top_search{
	position:					absolute;
	width:						990px;
	font-size:					11px;
	text-align:					right;
	margin-top:					30px;
}

.top_searchresult_link{
	position:					absolute;
	width:						990px;
	font-size:					11px;
	text-align:					right;
	margin-top:					50px;
}

.top_search_contentwrapper{
	float:						right;
}

.inputsearch{
	background-color:			#ffffff;
	border:						1px solid #de4327;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
	padding:					1px;
	text-align:					left;
	color:						#4c4c4c;
	float:						left;
}

.top_search_submit{
	float:						left;
	width:						18px;
	height:						18px;
	background-image:			url('../img/cust/zoek_knop.gif');
	background-repeat:			no-repeat;
	cursor:						pointer;
}

.top_search_titel{
	float:						left;
	height:						18px;
	text-align:					middle;
	line-height:				18px;
	color: 						#de4327;
	font-weight:				bold;
}

/* mainmenu */
.mainmenu{

}

.mainmenu_menu{
	background-image:			url('../img/cust/mainmenu_menu_bg.gif');
	background-repeat:			repeat-y;
	border-bottom:				1px solid #ffffff;
	padding-top:				8px;
	padding-bottom:				8px;
	font-weight:				bold;
}

.mainmenu_sub{
	background-image:			url('../img/cust/mainmenu_sub_bg.gif');
	background-repeat:			repeat-y;
}

.mainmenu_menu_item{
	float:						left;
	margin-left:				10px;
	margin-right:				10px;
}

.mainmenu_menu_item_right{
	float:						right;
	margin-left:				10px;
	margin-right:				10px;
}

.mainmenu_sub_winkelwagen{
	float:						right;
	margin-right:				10px;
	color:						#ffffff;
	padding-top:				8px;
	padding-bottom:				8px;
	font-weight:				bold;
}

.mainmenu_sub_winkelwagen_holder{

}

.mainmenu_sub_winkelwagen_dropdown{
	display:					none;
	position:					absolute;

	background-color:			#4d4b4c;
	border:						1px solid #ffffff;
	width:						650px;
	margin-left:				329px;

	color:						#ffffff;
	padding:					5px;
	line-height:				18px;
}



/* content_wrapper */
.content_wrapper{
	margin-top:					10px;
}



/* linksmenu */
.linksmenu{
	float:						left;
	width:						202px;
	background-color:			#de4327;
	background-image:			url('../img/cust/menulinks_bg.gif');
	background-repeat:			no-repeat;

	padding-top:				10px;
}

.linksmenu_titel{
	background-color:			#ffffff;
	font-weight:				bold;
	color:						#000000;
	width:						172px;
	padding-top:				2px;
	padding-bottom:				2px;
	padding-left:				20px;
}

.linksmenu_lijst{
	margin-top:					4px;
	margin-left:				20px;
	line-height:				18px;
}

.linksmenu_lijst .pijltje {
	background-image:			url('../img/pijltje_wit.gif');
	background-repeat:			no-repeat;
	background-position:		0px 5px;
	padding-left:				10px;
}


.linksmenu_grijs{
	background-color:			#434343;
	padding-bottom: 10px;
	border-bottom: solid #ffffff 10px;
	margin-top: -10px;
	padding-top: 10px;
}

.linksmenu_titel_grijs{
	background-color:			#ffffff;
	font-weight:				bold;
	color:						#000000;
	width:						172px;
	padding-top:				2px;
	padding-bottom:				2px;
	padding-left:				20px;
}

.linksmenu_lijst_grijs{
	margin-top:					4px;
	padding-left:				20px;
	line-height:				18px;
}

.linksmenu_lijst_grijs .pijltje {
	background-image:			url('../img/pijltje_wit.gif');
	background-repeat:			no-repeat;
	background-position:		0px 5px;
	padding-left:				10px;
}



.linksmenu_titel .pijltje_zwart {
	background-image:			url('../img/pijltje_zwart.gif');
	background-repeat:			no-repeat;
	background-position:		0px 3px;
	padding-left:				10px;
}

.linksmenu_foot{
	width:						202px;
	height:						104px;
	background-image:			url('../img/cust/menulinks_foot.gif');
	background-repeat:			no-repeat;
}

.pijltje_groen {
	background-image:			url('../img/pijltje_groen.gif');
	background-repeat:			no-repeat;
	background-position:		0px 4px;
	padding-left:				10px;
	line-height:				18px;
	height:						18px;
	vertical-align:				middle;
}

.pijltje_rood {
	background-image:			url('../img/pijltje_rood.gif');
	background-repeat:			no-repeat;
	background-position:		0px 4px;
	padding-left:				10px;
	line-height:				18px;
	height:						18px;
	vertical-align:				middle;
}


/* content */
.content{
	float:						left;
	margin-left:				10px;
	width:						778px;
}

.content_boom{
	font-weight:				bold;
	margin-bottom:				5px;
	width:						778px;
}

.content_image{

}

.content_main{
	margin-top:					10px;
	width:						778px;
}

.content_main_big{
	margin-top:					10px;
	width:						970px;
}

.productoverzicht{
	margin-top:					10px;
	margin-bottom:				10px;
	width: 778px;
}

.productoverzicht_ordenen{
	margin-top:					10px;
	margin-bottom:				10px;
}


.productoverzicht_topregel{
	background-image:			url('../img/cust/header.gif');
	background-repeat:			no-repeat;
	color:						#ffffff;
	font-weight:				bold;
	height:						21px;
}

.productoverzicht_topregel_links{
	float:						left;
	margin-left:				35px;
	font-size:					13px;
	line-height:				20px;
	vertical-align:				middle;
}

.productoverzicht_topregel_text{
	font-size:					13px;
	line-height:				20px;
	vertical-align:				middle;
}

.productoverzicht_topregel_rechts{
	float:						right;
	margin-right:				10px;
	line-height:				21px;
	vertical-align:				middle;
}

.productoverzicht_aanbieding{
	padding-right:				11px;
	color:						#ffcc00;
	text-transform:				uppercase;
	font-size:					15px;

}

.productoverzicht_bottomregel{

}

.productoverzicht_spacerregel{
	height:						10px;
}

.productoverzicht_info{
	margin-top:					10px;
	margin-right:				30px;
	line-height:				18px;
}

.productoverzicht_verplicht{
	margin-top:					10px;
	font-weight:				bold;
}

.productoverzicht_aanbiedingprijs{
	float:						left;
	line-height:				32px;
	vertical-align:				middle;
	text-decoration:			line-through;
	color:						#4c4c4c;
	position:					absolute;
}

.productoverzicht_prijs{
	float:						right;
	background-image:			url('../img/cust/prijs_vlak.gif');
	background-repeat:			no-repeat;
	width:						105px;
	height:						31px;
	color:						#ffffff;
	text-align:					right;
	padding-right:				10px;
	font-size:					20px;
	line-height:				32px;
	vertical-align:				middle;
	font-weight:				bold;
}

.productoverzicht_aantallabel{
	color:						#de4327;
	font-size:					11px;
}

.productoverzicht_aantal{
	float:						left;
}

.productoverzicht_aantalright{
	float:						right;
}

.productoverzicht_bestelknop{
	float:						right;
	width:						117px;
	height:						25px;
	background-image:			url('../img/cust/knop_bestel.gif');
	background-repeat:			no-repeat;
	background-color:			#FFFFFF;
	line-height:				25px;
	vertical-align:				middle;
	font-weight:				bold;
	color:						#ffffff;
	text-align:					right;
	text-indent:				20px;
	direction:					rtl;
	font-size:					11px;
	cursor:						pointer;
	border:						none;
}




.input{
	background-color:				#ffffff;
	border:							1px solid #de4327;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						11px;
	padding:						3px;
	color:							#4c4c4c;
}

.inputnumber{
	background-color:				#ffffff;
	border:							1px solid #de4327;
	font-family:					Arial, Helvetica, sans-serif;
	font-size:						11px;
	padding:						3px;
	text-align:						right;
	color:							#4c4c4c;
}



.productoverzicht_curpage{
	text-decoration:				underline;
}


.produkt_bigimage{
	margin-top:						10px;
}









.index_left{
	float:left;
	width: 374px;
}

.index_right{
	float:right;
	width: 392px;
}

.index_kop{
	background-image:			url('../img/cust/header.gif');
	background-repeat:			no-repeat;
	color:						#ffffff;
	font-weight:				bold;
	height:						21px;
	text-transform:				uppercase;
	text-indent:				40px;
	font-size:					13px;
	line-height:				20px;
	vertical-align:				middle;
	margin-bottom:				10px;
}

.index_content{
	margin-left:				40px;
	margin-right:				20px;
	line-height:				18px;
	margin-bottom:				30px;
}


.index_paddingline{
	padding-top:				4px;
	padding-bottom:				4px;
}



.mainknop{
	float:						right;
	width:						250px;
	height:						25px;
	background-image:			url('../img/cust/knop.gif');
	background-repeat:			no-repeat;
	background-color:			#FFFFFF;
	line-height:				25px;
	vertical-align:				middle;
	font-weight:				bold;
	color:						#ffffff;
	text-align:					right;
	text-indent:				20px;
	direction:					rtl;
	font-size:					11px;
	cursor:						pointer;
	border:						none;
}

.mainknop_terug{
	float:						left;
	width:						250px;
	height:						25px;
	background-image:			url('../img/cust/knop_terug.gif');
	background-repeat:			no-repeat;
	line-height:				25px;
	vertical-align:				middle;
	font-weight:				bold;
	color:						#ffffff;
	text-align:					left;
	text-indent:				20px;
	font-size:					11px;
	cursor:						pointer;
}


.inputtext{
	border:						1px solid #de4327;
	padding:					2px;
}

.inputtext_winkelwagen{
	border:						1px solid #de4327;
	padding:					2px;
	text-align:					right;
}


.nocaps{
	text-decoration:			none;
}



.main_backorderoverzicht{
	margin-top:						10px;
	/*margin-left:					20px;
	margin-right:					20px;
	*/
}

.main_backorderoverzicht_tabel{
	margin-top:						10px;
	margin-bottom:					20px;
	width:							778px;
}

table.main_backorderoverzicht_tabel td {
	padding-top:					4px;
	padding-bottom:					4px;
}

table.main_backorderoverzicht_tabel th {
	text-align:						left;
	padding-top:					4px;
	padding-bottom:					4px;
}


/*
	WINKELWAGEN PAGINA
*/
.main_winkelwagen{
	margin-top:						10px;
	/*margin-left:					20px;
	margin-right:					20px;
	*/
}

.main_winkelwagen_tabel{
	margin-top:						10px;
	margin-bottom:					20px;
	width:							970px;
}

table.main_winkelwagen_tabel td {
	padding-top:					4px;
	padding-bottom:					4px;
}

table.main_winkelwagen_tabel th {
	text-align:						left;
	padding-top:					4px;
	padding-bottom:					4px;
}

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

.main_winkelwagen_artikelinfo{

	line-height:					18px;
}

.main_winkelwagen_verwijderlink{
	position:						absolute;
	margin-left:					0px;
	margin-top:						46px;
	width:							115px;
	text-align:						right;
	cursor:							pointer;
}

.main_winkelwagen_eindprijsartikel{
	position:						absolute;
	width:							115px;
	text-align:						right;
	font-weight:					bold;
	font-size:						12px;
	z-index:						-1;
}

.main_winkelwagen_eindprijs{
	position:						absolute;
	width:							115px;
	text-align:						right;
	font-weight:					bold;
	font-size:						14px;
	color:							#de4327;
}

.main_winkelwagen_lijn{
	border-bottom:					1px dotted #de4327;
	height:							1px;
}



.cust_tabel_topbg{
	background-image:			url('../img/cust/header.gif');
	background-repeat:			no-repeat;
}

table.cust_tabel_topbg th{
	color:						#ffffff;
	font-weight:				bold;
	height:						21px;
	text-transform:				uppercase;
	font-size:					13px;
	line-height:				20px;
	vertical-align:				middle;
	padding-top:				0px;
	margin-top:					0px;
}

table.cust_tabel_topbg th:first-child{
	text-indent:				40px;
}





.flat_scheidingslijn{
	height:						1px;
	border-bottom:				1px solid #de4327;
	margin-top:					5px;
	margin-bottom:				5px;
}


















.knop_verwijder{
	background:					none;
	border:						none;
	color:						#de4327;
	font-size:					11px;
	cursor:pointer;
}


.tekst_paginatitel{
	color:						#de4327;
	font-size:					18px;
}



.overviewicons{
	margin-top: 39px;
	margin-right:4px;
	text-align:right;
	margin-left:14px;
	width:150px;
	position:absolute;
}


.overviewicons.bijproduct{
	margin-top: 10px;
	margin-left:-40px;
}


.overviewicons span{
	display: inline-block;

	margin-left: 5px;
	width: 20px;
	height: 20px;
	border: none;


}

.overviewicons span a, .overviewicons span img{
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}


.bo_actionoverview{
	display: none;
	position: absolute;
	padding: 10px;
	background: #444;
	width: 480px;
	margin-left: -500px;
	text-align: left;
	line-height:18px;
	font-size: 10px;
	color: #fff;
	border: 1px solid #fff;
}



.his_actionoverview{
	display: none;
	position: absolute;
	padding: 10px;
	background: #444;
	width: 480px;
	margin-left: -500px;
	text-align: left;
	line-height:18px;
	font-size: 10px;
	color: #fff;
	border: 1px solid #fff;
}

.deal_actionoverview{
	display: none;
	position: absolute;
	padding: 10px;
	background: #444;
	width: 480px;
	margin-left: -500px;
	text-align: left;
	line-height:18px;
	font-size: 10px;
	color: #fff;
	border: 1px solid #fff;
}


.overviewicons_flat{
	margin-top: 4px;
	text-align:right;
	margin-left:5px;
	/*padding-right:15px*/

}

.overviewicons_flat span{
	display: block;
	float: left;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	border: none;


}

.overviewicons_flat span a, .overviewicons_flat span img{
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}

.overviewicons_flat .bo_actionoverview{
	margin-left: -15px;
}

.overviewicons_flat .his_actionoverview{
	margin-left: -15px;
}

.overviewicons_flat .deal_actionoverview{
	margin-left: -15px;
}

.icoon_winkelwagen {
	width:	0px;
	height: 14px;
	display:none !important;
}



 /* standaard link eigenschappen */
a:link 							{color: #de4327; text-decoration: none;}
a:visited 						{color: #de4327; text-decoration: none;}
a:hover 						{color: #de4327; text-decoration: underline;}
a:active						{color: #de4327; text-decoration: none;}


 /* link_white eigenschappen */
a.link_white:link 				{color: #ffffff; text-decoration: none;}
a.link_white:visited 			{color: #ffffff; text-decoration: none;}
a.link_white:hover 				{color: #ffffff; text-decoration: underline;}
a.link_white:active				{color: #ffffff; text-decoration: none;}

 /* link_white_selected eigenschappen */
a.link_white_selected:link 		{color: #ffffff; text-decoration: underline;}
a.link_white_selected:visited 	{color: #ffffff; text-decoration: underline;}
a.link_white_selected:hover 	{color: #ffffff; text-decoration: underline;}
a.link_white_selected:active	{color: #ffffff; text-decoration: underline;}

 /* link_yellow eigenschappen */
a.link_yellow:link 				{color: #ffcc00; text-decoration: none;}
a.link_yellow:visited 			{color: #ffcc00; text-decoration: none;}
a.link_yellow:hover 				{color: #ffcc00; text-decoration: underline;}
a.link_yellow:active				{color: #ffcc00; text-decoration: none;}

 /* linke_yelloweigenschappen */
a.link_yellow_selected:link 		{color: #ffcc00; text-decoration: underline;}
a.link_yellow_selected:visited 	{color: #ffcc00; text-decoration: underline;}
a.link_yellow_selected:hover 	{color: #ffcc00; text-decoration: underline;}
a.link_yellow_selected:active	{color: #ffcc00; text-decoration: underline;}

 /* link_grey eigenschappen */
a.link_grey:link 				{color: #4c4c4c; text-decoration: none;}
a.link_grey:visited 			{color: #4c4c4c; text-decoration: none;}
a.link_grey:hover 				{color: #4c4c4c; text-decoration: underline;}
a.link_grey:active				{color: #4c4c4c; text-decoration: none;}

/*link_black eigenschappen */
a.link_black_selected:link 		{color: #000000; text-decoration: underline;}
a.link_black_selected:visited 	{color: #000000; text-decoration: underline;}
a.link_black_selected:hover 	{color: #000000; text-decoration: underline;}
a.link_black_selected:active	{color: #000000; text-decoration: underline;}

a.link_black:link 		{color: #000000; text-decoration: none;}
a.link_black:visited 	{color: #000000; text-decoration: none;}
a.link_black:hover 	{color: #000000; text-decoration: underline;}
a.link_black:active	{color: #000000; text-decoration: none;}



/*
*	CLEARFIX dingen
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {
	height: 1%;
}

.clearfix {
	min-width: 1px;
}