/*
	Copyright :: www.jwsdesign.nl - 2019
	
*/


/* Base ________________________________________________________________________ Base*/

* {
	margin: 0;
	padding: 0;
 	font-family: Arial, Verdana, sans-serif;
	outline: none;
}

body {
	font-size:12px;
	line-height:15px;
	/* background:url(../images/bg_filler1.png); */
	/* background-color: #498A1A; */
	background-color: #60A03A;
	background-repeat: repeat-x;
	text-align: center;
}


.login-page {
  width: 360px;
  padding: 8% 0 0;
  margin: auto;
}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.form img {
	height: 110px;

	margin-bottom: 20px;
}

.form input[type=text],input[type=password] {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #00963F;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #666666;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.form .register-form {
  display: none;
}
.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}

#container {
	padding-top:0px;
	width:100%;
	text-align:left;
	margin-bottom: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;	
}


#login_header {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 420px;
	background:url(../images/bg_filler2.png);
	background-repeat: repeat-x;
	z-index: -1;
	
}

#logo {
	display: block;
	width: 352px;
	height: 140px;
	margin: 14px 0px 0px 0px;
}


		
#contact_info {
	display: block;
	height: 24px;
	color: #333;
	margin: 65px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}





/* Webshop ________________________________________________________________________ Webshop*/

	.webshop{
		/* background:url(../images/webshop_bg_filler1.png); */
		background-repeat: repeat-x;
   	 	/* background-color: #498A1A; */

		background-color: #94B97F;
	}
	
#webshop_header {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 165px;
	background:url(../images/webshop_header1.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	z-index: -1;
	padding-bottom: 15px;
}

#webshop_container {
	margin-top:180px;
	width:100%;
	text-align:left;
	margin-bottom: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;	
}

#webshop_logo {
	display: block;
	float: left;
	height: 100%;
	max-height: 109px;
	margin: 0px 0px 0px 20px;
}

#webshop_logo img{
	height: 100%;
}



#webshop_search {
	display: block;
	height: 46px;
	padding: 10px;
}
/* Style the search field */
#webshop_search input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
  height: 46px;
  box-sizing: border-box;
}

#webshop_search  input[type=text]:hover {
  background: #f1f1f1;
}

/* Style the submit button */
#webshop_search  button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
  height: 46px;
  box-sizing: border-box;
}

#webshop_search  button:hover {
  background: #bbb;
}

	.ui-autocomplete {
	text-align: left;
	}

#webshop_main_grp {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}

.btn_main_grp1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #8cb379;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8cb379;
	box-shadow:inset 0px 1px 0px 0px #8cb379;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	border:1px solid #4b8f29;
	color:#ffffff;
	display: inline-tabl;
	margin: 0px 10px;
	height: 24px;
	font-size: 12px;
	font-weight: bold;

	padding: 5px 10px;
}

.btn_main_grp {
	-moz-box-shadow:inset 0px 1px 0px 0px #191d15;
	-webkit-box-shadow:inset 0px 1px 0px 0px #191d15;
	box-shadow:inset 0px 1px 0px 0px #191d15;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #828282));
	background:-moz-linear-gradient(top, #000000 5%, #828282 100%);
	background:-webkit-linear-gradient(top, #000000 5%, #828282 100%);
	background:-o-linear-gradient(top, #000000 5%, #828282 100%);
	background:-ms-linear-gradient(top, #000000 5%, #828282 100%);
	background:linear-gradient(to bottom, #000000 5%, #828282 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#828282',GradientType=0);
	background-color:#000000;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #000000;
	color:#fff;
	display: inline-block;
	min-width: 80px;
	line-height: 24px;
	margin: 0px 10px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;

	padding: 5px 15px;
}

#webshop_grps {
	display: block;
	float: left;
	width: 200px;
	min-height: 100px;
	border:1px solid #268a16;	
	margin: 10px;
	background-color: #FFF;
	padding: 10px;
}

	#webshop_grps a{
		text-decoration: none;
		color: black;
	}
	
	#webshop_grps a:hover{
		text-decoration: underline;
	}


#webshop_grps ul{
	padding: 5px 0px 5px 0px;
}

	#webshop_grps ul.webshop_grp_active {
	background-color: #CCC;
	}

#webshop_grps li{
	padding-left: 10px;
}
	#webshop_grps li.webshop_grp_active{
	font-weight: bold;
	text-decoration: underline;
	}
	
#webshop_grps li.weeklijst_subitem{
	padding-left: 30px;
	list-style-type: none;
}

#webshop_grps li.weeklijst_subitem_red {
	padding: 10px 0px 0px 0px;
	list-style-type: none;
	font-weight: bold;
	font-size: 16px;
}
	#webshop_grps li.weeklijst_subitem_red a{
		color: red;
	}
	
#webshop_grps #search_kweker{
	width: 100%;
}	

#count_artikelen_online {
	font-weight: bold;
	font-size: 14px;
}


#webshop_underline {
display: block;
height: 1px;
background: rgba(255,252,255,1);
background: -moz-linear-gradient(left, rgba(255,252,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,252,255,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(left, rgba(255,252,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(left, rgba(255,252,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(left, rgba(255,252,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to right, rgba(255,252,255,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcff', endColorstr='#fefefe', GradientType=1 );
}

#webshop_products_container {
	display: table;
}

#webshop_products_container .list_grid_view {
	float: right;
	margin: 10px 10px 10px 0px;
}
	
#webshop_products_container .fa-th, 
#webshop_products_container .fa-th-list{ 
	color: #CCCCCC; 
	font-size: 24px; 
	margin-left: 10px; 
	cursor: pointer;
}

#webshop_products_container .listview_active {
	border: 1px solid #666666;
	padding: 3px;
	color: #666666; 
}

#webshop_products_container .list_header{
	background-color: #60A03A;
		min-height: 25px;
		padding: 0px 5px;
		font-weight: bold;
		line-height: 32px;
}

#webshop_products_container .list_header_top{
	position: fixed;
	top: 0px;
}

#webshop_product_detail_list {
	display: table;
	width: 98%;	
	min-width: 600px;
	min-height: 30px;	
	margin: 0px 0px 5px 0px;		
	border-bottom: 1px solid #E4E4E4;
	float: left;
	color: #FFFFFF;
}

#webshop_product_detail_list div {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 22px;
}
#webshop_product_detail_image_list {
	display: block;
	height: 50px;
	width: 50px;
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: center; 
}
	.list_omschrijving {  
		width: 30%;
		min-width: 300px;
		text-align: left;
		margin-left: 10px;
		line-height: 16px;
	}
	.list_potmaat, .list_hoogte, .list_belading {
		width: 10%;
		min-width: 80px;
		text-align: center;
		min-height: 1px;
	}

		#webshop_product_detail_list div .list_prijs, 
		#webshop_product_detail_list div .list_aantal, 
		#webshop_product_detail_list div .list_totaal_aantal {
		width: 30%;
		min-width: 80px;
		text-align: right;
		float: right;
	}
	#webshop_product_detail_list .test {
		float: right;
		width: 30%;
		min-width: 280px;
	} 
	#webshop_product_detail_list input {
		text-align: right;
		height: 22px;
		color: black;
	}
	#webshop_product_detail_list input[name=Aantal] {width: 24px; }
	#webshop_product_detail_list input[name=Totaal_prijs] {width: 60px; }

	#webshop_product_detail_list_kwekernaam {
		font-size: 11px !important;
	}

	#webshop_product_detail_list i.weeklijst_nieuw_aanbevolen,
	#webshop_product_detail_list i.weeklijst_actie {
		margin-right: 5px;
		margin-left: 5px;
		font-size: 24px;
		color: #E60015;
		text-shadow: 2px 2px #666;
		
	}

#webshop_product_detail_kwekerblok {
	text-align: center;
	color: white;
	display: block;
	float: left;
	width: 200px;
	height: 318px;
	margin: 10px;
	border: 1px solid white;
	background-color: grey;
	font-size: 24px;
	line-height: 60px;
}

#webshop_product_detail_kwekerblok p{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	text-align: left;
	width: 100%;
	margin: 130px 0px 0px 0px;
}

#webshop_product_detail {
	display: block;
	float: left;
	width: 200px;
	height: 318px;
	margin: 10px;
	border: 1px solid white;
	background-color: rgba(255, 252, 255, 0.85);
	font-size: 14px;
	line-height: 20px;
}

#webshop_product_detail_stock {
	display: block;
	position: absolute;
	height: 24px;
	line-height: 24px;
	width: inherit;
	background-color: #3C763D;
	color: white;
}

#webshop_product_detail hr {
	margin: 5px;
}

	#webshop_product_detail img{
	display: block;
	
	}
	
	
	#webshop_product_detail i.weeklijst_nieuw_aanbevolen,
	#webshop_product_detail i.weeklijst_actie {
		margin-right: 5px;
		text-shadow: 2px 2px #666;
	}
	
#webshop_product_detail_image {
    display: block;
    width: 100%;
    max-width: 200px;
    height: 196px;
    background-image: url(/img_layout/test_plaatje.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	box-shadow: 0 4px 2px -2px gray;
	margin: 0px 0px 5px 0px;
}
	#webshop_product_detail_favorite {
	position: absolute;
	display: block;
	font-size: 20px;
	margin: 3px;
	}
	
	#webshop_product_detail_favorite i{
		text-shadow: 1px 1px 1px #666;
	}
	
	#webshop_product_detail_favorite i.fa-star {
	color: yellow;
	}

	#webshop_product_detail_oms {
	display: block;
	height: 44px;
	overflow: hidden;
	line-height: 14px;
	letter-spacing: -0.03em;
	margin: 2px;
	}


	#webshop_product_detail_potmaat,
	#webshop_product_detail_hoogte,
	#webshop_product_detail_belading {
		display: block;
		float: left;
		height: 26px;
		font-size: 12px;
	}
	
	#webshop_product_detail_potmaat {
	width: 38%;
	}
	
	#webshop_product_detail_hoogte {
	width: 33%;
	}
	
	#webshop_product_detail_belading {
	width: 29%;
	}
	
	#webshop_product_detail_prijs2 {
		display: block;
		float: left;
		width: 43%;
		height: 26px;
		font-size: 16px;
		font-weight: bold;
		line-height: 26px;
	}
	
	#webshop_product_detail_prijs2 #Aantal_in_order {
		height: 24px;
		width: 25px;
		line-height: 20px;
		border: 1px solid;
		text-align: center;
		float: right;
		margin-right: 3px;	
		background-color: #A8DEA8;
	}

	#webshop_product_detail_potmaat img,
	#webshop_product_detail_hoogte img,
	#webshop_product_detail_belading img
	{
		height: 18px;
		display: block;
		float: left;
		margin: 0px 2px;
	}
	
	#webshop_product_detail_potmaat img {
		height: 15px;
	}
	

	#webshop_product_detail_belading img{
	/*	margin-right: 10px !important;  */
	}
	
	#webshop_product_detail_prijs {
		display: block;
		background-color: #333;
		height: 30px;
		margin-top: -30px;
		line-height: 30px;
		font-size: 18px;

		color: white;
		text-align: center;
	}

	#webshop_product_detail_bestel_aantal {
		display: block;
		float: right;
		width: 57%;
		height: 26px;	
		font-weight: bold;
	}

	#webshop_product_detail_oms .fa{
	font-size: 20px;
	float: right;
	}

	#webshop_product_detail_bestel_aantal .comment_available{
	color: red;
	}

	#webshop_product_detail_bestel_aantal #Aantal {
		height: 24px;
		width: 32px;
		line-height: 20px;
		border-bottom: 1px solid;
		border-top: 1px solid;
		border-left: 0px;
		border-right: 0px;
		text-align: center;
		float: left;
		background-color: darkgoldenrod;
		
	}
	#webshop_product_detail_bestel_aantal #Aantal:placeholder-shown {
		background-color: white;
	}
	
	
	#webshop_product_detail_bestel_aantal #Aantal_laatste_order {
		height: 24px;
		width: 25px;
		line-height: 20px;
		border: 1px solid;
		text-align: center;
		float: right;
		background-color: #EFBFBF;
	}
	
	#webshop_product_detail_kwekernaam {
		font-size: 10px;
	}
	
	.webshop_product_detail_comment {
		display: none;
		position: relative;
		top: -320px;
		z-index: 10;
		width: 93%;
		height: 70px;
		padding: 2px;
		background-color: #FFFFFF;
		margin: auto;
		box-shadow: 1px 2px 3px #000000;
		border: 1px solid lightgrey;
		font-size: 12px;
		text-align: center;
	}
	
	.webshop_product_detail_comment #Opmerkingen{
		width: 95%;
		font-size: 12px;
		border: 1px solid lightgrey;
		border-radius: unset;
		text-align: left;
	}
	
	.webshop_product_detail_comment .fa-times-circle{
		float: right;
		margin: 0px 1px 5px 0px;
		font-size: 20px;
	}

	
.btn_add_order_min, .btn_add_order_plus {
  background: #d1d1d1;
  background-image: -webkit-linear-gradient(top, #d1d1d1, #f0f0f0);
  background-image: -moz-linear-gradient(top, #d1d1d1, #f0f0f0);
  background-image: -ms-linear-gradient(top, #d1d1d1, #f0f0f0);
  background-image: -o-linear-gradient(top, #d1d1d1, #f0f0f0);
  background-image: linear-gradient(to bottom, #d1d1d1, #f0f0f0);
  font-family: Arial;
  color: #000000;
  font-size: 19px;
  padding: 0px 6px 0px 6px;
  border: solid #000000 1px;
  text-decoration: none;
  display: block;
  height: 24px;
  width: 12px;
  float: left;
  line-height: 24px;
  cursor: pointer;
}

.btn_add_order_min:hover, .btn_add_order_plus:hover {
  background: #ababab;
  background-image: -webkit-linear-gradient(top, #ababab, #666666);
  background-image: -moz-linear-gradient(top, #ababab, #666666);
  background-image: -ms-linear-gradient(top, #ababab, #666666);
  background-image: -o-linear-gradient(top, #ababab, #666666);
  background-image: linear-gradient(to bottom, #ababab, #666666);
  text-decoration: none;
}


#webshop_basket_info {
	display: block;
	float: right;
	margin: 10px 10px 0px 0px;
}

	#webshop_basket_info span{
	margin: 0px 10px;
	}
	
	#webshop_basket_info i{ 
		margin-right: 2px;
		font-size: 16px;

	}


/* Webshop Basket ___________________________________________________ Webshop Basket */
#basket_count {
	position: fixed;
	display: block;
	z-index: 9999;
	height: 30px;
	width: 200px;
	color: white;
	top: 0px;
	padding: 5px 15px;
	background-color: #60A03A;
    margin: 0px 50%;
	left: -115px;
	text-align: center;
	line-height: 28px;
	font-size: 13px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow: 0px 10px 14px -7px #999999;
	-webkit-box-shadow: 0px 10px 14px -7px #999999;

}

#webshop_basket {
	text-align: center;
}

#webshop_basket a{
	color: #FFFFFF;
}

#webshop_basket a:hover{
	color: #FFFFFF;
}


#webshop_basket_detail {
	display: block;
	width: 90%;
	min-height: 140px;
	border: 2px solid #FFF;
	margin: 10px auto 10px auto;
	overflow: hidden;
	font-size: 14px;


}
	#webshop_basket_detail_img {
	width: 140px;
	height: 140px;
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: center; 	
	float: left;
	}
	
	#webshop_basket_detail_img_small {
	width: 100%;
	height: 200px;
	background-size: cover;	
	background-repeat: no-repeat;
	background-position: center; 	
	float: left;
	margin: 0px;
	}
	
	#webshop_basket_detail h3{
	display: block;
	font-size: 16px;
	min-height: 40px;
	text-align: left;
	margin: 10px 0px 5px 0px;
	}
	
	#webshop_basket_detail .hoogte,.breedte,.potmaat {
		display: block; 
		min-width: 100px;
		width: 15%;
		float: left;
		text-align: left;
	}
	
	#webshop_basket_detail .aantal,.prijs,.remove,.belading {
		display: block; 
		min-width: 100px;
		width: 10%;
		float: left;
		text-align: left;
	}
	#webshop_basket_detail .remove {
		width: 40px;
		min-width: 40px;
	}
	
	#webshop_basket_detail i{
			font-size: 18px;
	}
	
	#jws_test {
		display: block;
		float: right;
		
	}


#webshop_basket_detail #Aantal,#Retailprijs,#Barcode,#Aantal_bestellen,#Opmerkingen {
	width: 52px;
	border-radius: 3px;
	border: 1px solid #FFFFFF;
	text-align: right;
	padding: 0px 3px;
	min-height: 24px;
}

#webshop_basket_detail #Aantal_bestellen { 
	width: 40px;
	float: right;
	margin-right: 5px;
}
#webshop_basket_detail #niet_leverbaar { 
	float: right;
	margin-right: 5px;
	color: red;
}
#webshop_basket_detail #Barcode {
	width: 110px;
	margin-top: 4px;
	background-image: url(../images/icon_barcode1.png);
	background-repeat: no-repeat;
	background-size: auto 18px;	
	background-position: left center;
	font-size: 11px;
}	

#webshop_basket_detail #Opmerkingen {
	width: 160px;
	text-align: left;
}

#webshop_basket_totalline {
	display: block;
	width: 90%;
	height: 160px;
	margin: 10px auto 10px auto;
	font-size: 16px;
}

#webshop_basket_opmerkingen {
	display: block;
	min-width: 300px;
	background-color: #FFFFFF;
	float: left;
	color: #353734;
	font-size: 14px;
	text-align: left;
	padding: 5px 10px;
	margin-left: 0px;
}

#webshop_basket_opmerkingen textarea {
	background: transparent;
	width: 100%;
	height: 100px;
	border: 1px solid white;
	border-radius: 5px;
}

#webshop_basket_totalen {
	display: block;
	float: right;
	min-width: 300px;
	text-align: right;
}

	#webshop_basket_totalen span {
	margin-right: 20px;
	}
	
	#webshop_basket_totalen .bestelling_plaatsen{
		display: block;
		height: 50px;
		border-radius: 6px;
		line-height: 48px;
		float: right;
		background-color: #333;
		margin-right: 0px;
		margin-left: 20px;
		padding: 0px 20px;
		bottom: 0px;
	}
	#webshop_basket_totalen .bestelling_plaatsen i{
		font-size: 24px;
	}
	
	#webshop_basket_totalen .verder_zoeken,
	#orderhistory .verder_zoeken{
		display: block;
		height: 50px;
		border-radius: 6px;
		line-height: 48px;
		float: left;
		background-color: #333;
		margin-right: 0px;
		margin-left: 20px;
		padding: 0px 20px;
		bottom: 0px;
	}
	#orderhistory .verder_zoeken{
		float: none;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	#webshop_basket_totalen .verder_zoeken i{
		font-size: 24px;
	}
	
	#webshop_basket_totalen .verder_zoeken1 a{
		line-height: 48px;
		text-decoration: underline;

	}

	
#webshop_content1 {
	display: block;
	width: 1024px;
	height: 61px;
	background:url(../images/webshop_content_header.png);
	background-repeat: no-repeat;	
	font-size: 14px;
	color: #666666;
}
	#webshop_content1 .webshop_content1_userinfo {
		width: 500px;
		height: 20px;
		padding-top: 35px;
		padding-left: 40px;

	}
	
	#webshop_content1 .webshop_content1_myaccount {
		float: right;
		width: 400px;
		height: 20px;
		padding-top: 20px;
		padding-right: 40px;
		margin-top: -45px;
		text-align: right;
	}
	
	#webshop_content1 span {
		display: block;
		width: 186px;
		height: 18px;
		background:url(../images/webshop_tab1.png);
		background-repeat: no-repeat;		
		float: right;
		text-align: center;
		padding-top: 10px;
			
	}
	
	#webshop_content1 a{
		font-weight: bold;
		color: #666666;
		text-decoration: none;
	}
	
	#webshop_content1 a:hover{
		font-weight: bold;
		color: #333333;
		text-decoration: underline;
	}
	

#webshop_content2 {
	display: inline-block;
	width: 1024px;
	background:url(../images/webshop_content_filler1.png);
	background-repeat: repeat-y;	
}


	#webshop_prod_grp {
	display: block;
	width: 220px;	
	float: left;
	margin: 5px 0px 0px 20px;
	}
	
	#webshop_prod_grp h2{
		font-size: 14px;
		color: grey;
	}
	

	
	#webshop_prod_grp span {
		display: block;
		min-height: 20px;
		width: 180px;	
		float: left;
		margin: 5px 0px 0px 0px;
		padding: 3px 0px 0px 20px;
	}
	
	#webshop_prod_grp a{
		color: #000000;
	}
	
	#webshop_prod_grp span.inactive{
		background:url(../images/icon_arrow_right_grey.png);
		background-repeat: no-repeat;
		text-decoration: none;
	}
	

	#webshop_prod_grp span.inactive:hover{
		background:url(../images/icon_arrow_right_green.png);
		background-repeat: no-repeat;
		font-weight: bold;
	}

	
	#webshop_prod_grp span.active{
		background:url(../images/icon_arrow_right_green.png);
		background-repeat: no-repeat;
	}

	#webshop_prod_grp div.pl {
		display: block;
		width: 160px;	
		min-height: 20px;
		float: left;
		margin: 0px 0px 0px 20px;
		padding: 3px 0px 0px 18px;
		border-bottom: 1px solid #CCCCCC;
		background:url(../images/icon_bullet_grey.png);
		background-repeat: no-repeat;
		background-position: 0px 3px;
	}
	
	#webshop_prod_grp div.pl_selected {
		display: block;
		width: 160px;	
		min-height: 20px;
		float: left;
		margin: 0px 0px 0px 20px;
		padding: 3px 0px 0px 18px;
		border-bottom: 1px solid #CCCCCC;
		background:url(../images/icon_bullet_green.png);
		background-repeat: no-repeat;
		background-position: 0px 3px;
		font-weight: bold;
	}
	
	
	#products_search {
		display: block;
		width: 190px;	
		height: 120px;
		float: left;
		margin: 25px 0px 0px -5px;
		padding: 15px 0px 0px 25px;		
		background:url(../images/zoeken_block.png);
		background-repeat: no-repeat;	
	}
	
	#products_search input[type="text"]{
		width: 156px;
		height: 20px;
		padding: 2px;
		border: 1px solid #CCCCCC;
		margin: 5px 0px 5px 0px;
	}

	#products_search input[type="submit"]{
		width: 80px;
		height: 24px;
		padding: 2px;
		border: 1px solid black;
		margin: 0px 0px 0px 82px;
		
	}
	
	.webshop_confirm_header tr{
	line-height: 24px;
	font-size: 12px;
	}
	
	.webshop_confirm_header textarea{
		width: 330px;
		height: 85px;
		border: 1px solid #CCCCCC;
		padding: 5px;
		overflow: hidden;
	}
	
	.webshop_confirm_header input{
		font-size: 12px;
	}
	

	.webshop_startpage td{
		line-height: 14px;
	}
	
	.webshop_startpage_prod_header {
		height: 30px; 
		background:url(../images/prod_filler1.png);
		background-repeat: repeat-x;	
		background-color: #8FCB4D;
		font-weight: bold;
		
	}
	.webshop_startpage_prod_header td{
		padding: 0px 5px;
		border-bottom: 1px solid white;
	}
	
	.webshop_startpage_prod_image {
		display: block;
		width: 230px;
		height: 290px;
	}
	
	.webshop_startpage_pricelabel {
		display: block;
		background-color: #999999;
		opacity: 0.9;
		min-width: 87px;
		min-height: 27px;	
		font-size: 24px;
		font-weight: bold;
		color: white;
		float: right;
		text-align: right;
		margin: 30px 0px 0px 0px;
		padding: 5px 3px 0px 3px;
		line-height: 24px;
	}
	
	.webshop_startpage_pricelabel span {
		font-size: 11px;
	}
	
	.webshop_startpage_prod_footer {
		height: 50px;
		background:url(../images/prod_filler2.png);
		background-repeat: repeat-x;		
	}
	
	.webshop_start_page_filler3 {
		height: 24px;
	
	}
	

/* Webshopproducts ________________________________________________________________________ Webshopproducts*/
	
	#webshop_products {
		display: block;
		float: left;
		width: 760px;	
		margin: 5px 0px 10px 10px;
		padding: 20px 0px 0px 0px;	
		border-left: 0px solid black;
	}
	
	#webshop_products h2{
		font-size: 16px;
		color: grey;
		margin: 0px 0px 10px 0px;
	}
	
	#webshop_products .products_table td,tr{
		line-height: 30px;
		font-size: 11px;
	}
	
		
	#webshop_products_view {
		display: block;
		width: 80px;
		height: 28px;
		float: right;
		margin-right: 12px;
	}
	

	#webshop_products_view .fa-th, #webshop_products_view .fa-th-list{
	font-size: 24px;
	color: #CCCCCC;
	margin-left: 10px;
	cursor: pointer;
	}
	
	#webshop_products_view .listview_active {
	color: #666666;
	}
	
	
	.product_row1 {
		background:url(../images/row_filler1.png);
		background-repeat: repeat-x;
		background-position: bottom;
		height: 45px;
	}	
	
	.product_row1 td{
		line-height: 18px;
	}
	
	.highlight_product td{
		background:url(../images/row_filler1_over.png);
		background-repeat: repeat-x;
		background-position: bottom;
	}
	
	#webshop_products input[type="text"] {
		padding: 2px;
		border: 1px solid #CCCCCC;
		text-align: right;
	}
	
	.inputfield_1 { width: 18px;}
	.inputfield_ro { background-color: #E5E5E5; }
	
	#webshop_products .products_table_header {
		line-height: 30px;
		font-size: 11px;
		font-weight: bold;
		background-color: #E5E5E5;
		border-bottom: 1px solid black;
	}
	
	#webshop_products .products_table_header td{
		border-bottom: 1px solid black;
		padding: 0px 3px 0px 0px;
	}
	
	
	#webshop_products .total_row td{
		line-height: 30px;
		background-color: #E5E5E5;
		border-top: 2px solid black;
		font-size: 13px;
		font-weight: bold;
	}
	
	#webshop_products input[name="Retail_min_aantal"] {
		width: 16px;
	}
	

#webshop_footer {
	display: block;
	width: 1024px;
	height: 61px;
	background:url(../images/webshop_content_footer.png);
	background-repeat: no-repeat;	

}

	#webshop_footer span {
		display: block;
		width: 100%;
		height: 20px;
		text-align: center;
		padding: 15px 0px 0px 0px;
		
		font-size: 14px;
		font-weight: bold;
		color: #999999;
	}
	
	#webshop_footer a{
		color: #999999;
		text-decoration: none;
	}
	
	#webshop_footer a:hover{
		text-decoration: underline;
	}
	
/* Orderhistory ________________________________________________________________________ Orderhistory*/
#orderhistory {
	display: block;
	width: 90%;
	min-height: 140px;
	border-radius: 6px;
	/*border: 1px solid #d7d2ce; */
	margin: 10px auto 10px auto;
	overflow: hidden;
	font-size: 14px;
	padding: 20px 0px 10px 0px;
}

#orderhistory_detail {
	position: relative;
	display: block;
	width: 205px;
	background-color: white;
	/*height: 470px; */
	height: 235px;
	border-radius: 2px;
	border: 1px solid #666;	
	float: left;
	margin: 0px 0px 10px 18px;	
	overflow: hidden;
	text-align: left;
	padding: 10px;
	line-height: 26px;
}
#orderhistory_detail div{
	font-weight: bold;
}

#orderhistory_detail div span{
	font-weight: normal;
	float: right;
}
.orderhistory_detail_bekijken {
		position: absolute;
		display: block;
		height: 40px;
		width: 90%;
		border-radius: 2px;
		line-height: 38px;
		color: #000000;
		background-color: #5cb811;
		margin-right: 0px;
		margin-left: 0px;
		padding: 0px 0px;
		bottom: 10px;	
		text-align: center;
}
	.orderhistory_detail_bekijken i{
		font-size: 24px;
		float: left;
		margin-left: 10px;
		margin-top: 7px;
	}
#orderhistory_detail1 {
	display: block;
	width: 98%;
	border-bottom: 1px solid #d7d2ce;
	margin: auto;
	min-height: 40px;
}


/* Paginate ________________________________________________________________________ Paginate*/


#easyPaginate {
	clear: both;
}

#easyPaginate li {
	margin: 0px;
	list-style-type: none;
	display: none;
	float: left;
}

#easyPaginate li.listview {
	width: 100%;
}

.easyPaginateNav { text-align: right; }
.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}
.paginate-pagination { display: table-row; }


/* Buttons ________________________________________________________________________ Buttons*/

#button1 {
	font-size: 11px;
	font-weight: bold;
	color: black;
	padding: 5px 10px;
	height: 12px;
	background-color: #E5E5E5;	
	border: 1px solid black;
	float: right;
	margin: 5px 20px 5px 0px;
	text-decoration: none; 
}

	#button1:hover {
	text-decoration: underline;
	}
	
#button_bestel_kar {
	font-size: 11px;
	font-weight: bold;
	color: black;
	padding: 5px 10px;
	height: 12px;
	background-color: #E5E5E5;	
	border: 1px solid black;
	float: right;
	text-decoration: none; 
	cursor: pointer;
}