/* ===================== GENERAL ======================== */

body {
	color: #555555;
background-color: #fafafa;
background-image: url("/dynamic/media/4/images/Website onderdelen/Eko-BACK-2022.jpg");
background-repeat: no-repeat;
background-position: top center;
font-family: Verdana;
font-size: 12px;
line-height: 18px;
letter-spacing: 0px;
}

/* ===================== HEADINGS ======================== */

h1 {
	color: #e95727;
font-size: 22px;
font-family: Verdana;
font-weight: normal;
margin-top: 12px;
margin-bottom: 12px;
padding-left: 0px;
}

h2 {
	color: #3e7f52;
font-size: 22px;
font-family: Verdana;
font-weight: normal;
margin-top: 12px;
margin-bottom: 12px;
padding-left: 0px;
}

h3 {
	color: #3e7f52;
font-size: 14px;
font-family: Verdana;
font-weight: bold;
margin-top: 12px;
margin-bottom: 12px;
padding-left: 0px;
}

h4 {
	color: #e95727;
font-size: 10px;
font-family: Verdana;
font-weight: normal;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 0px;
}

/* ===================== BREADCRUMBS ======================== */

#breadcrumbs {
	font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #555555;
height: 30px;
line-height: 30px;
padding-right: 15px;
padding-left: 15px;
margin-top: 410px;
text-align: left;
}

#breadcrumbs a {
	font-family: Verdana;
font-size: 10px;
font-weight: normal;
color: #3e7f52 !important;
text-decoration: underline !important;
}

#breadcrumbs a:hover {
	color: #bed62f !important;
text-decoration: none !important;
}


/* ===================== TOPMENU ======================== */

#topmenu
{
	width			:	100%;
	text-align: right;
}
/*
.loginbox
{
	right: 0px;
}
*/
/* ===================== INPUTS ======================== */

input[type="checkbox"],
input[type="radio"] {
	margin: 5px 0px 0px 0px;;
font-family: Verdana;
font-size: 12px;
}

input[type="text"],
input[type="file"],
input[type="password"] {
	border: 1px solid #9E9E9E !important;
padding: 2px !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
margin-right: 1px;
margin-bottom: 1px;
}

input[type="submit"],
.button,
#loginCloser button,
.errorHover,
.errorInfo
{
	border: 1px solid #555555 !important;
padding: 1px 5px !important;
background-color: #bed62f;
color: #FFFFFF;
font-family: Verdana;
font-size: 12px;
margin-top: 5px;
}

textarea {
	border: 1px solid #9E9E9E !important;
padding: 2px !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
}

select {
	border: 1px solid #555555 !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
}

/* ===================== HR'S ======================== */

hr {
	border: 0px none;
border-bottom: 1px solid #;
height: 1px;
}

/* ===================== SHADOWS ======================== */
#shadowtop {
	background-repeat: repeat-x;
height: 0px;
}

#shadowleft {
	background-repeat: repeat-y;
}

#shadowright {
	background-repeat: repeat-y;
}

#shadowbottom {
	background-repeat: repeat-x;
}

/* ===================== CONTENT ======================== */

#content {
	}

#content a {
	color: #3e7f52;
text-decoration: underline;
}

#content a:hover {
	color: #bed62f;
}

#column1 {
	width: 260px;
border-left: 0px solid #;
margin-top: 85px;
}

#column1_content {
	margin-top: 0px;
margin-right: 10px;
margin-left: 20px;
}

#column2 {
	width: 714px;
border-left: 0px solid #;
margin-top: 85px;
}

#column2_content {
	margin-top: 0px;
margin-right: 40px;
margin-left: 35px;
}

#column3 {
	width: 0px;
border-left: 0px solid #ffffff;
background-color: #ffffff;
margin-top: 0px;
}

#column3_content {
	margin-top: 0px;
margin-right: 15px;
margin-left: 0px;
}

#headerElements {
	position: absolute;
top: 155px;
right: 190px;
}

/* ===================== SEARCH ======================== */

#searchForm {
	position: absolute;
top: 176px;
right: 355px;
}

#searchForm form #searchForm_pattern {
	color: #363636;
border: 1px solid # !important;
font-family: Verdana;
font-size: 12px;
width: 320px !important;
height: 23px !important;
background-image: url("/dynamic/media/4/images/Website%20onderdelen/zoeken%20320x29.png") !important;
}

/* ===================== DYNAMIC FORMS ======================== */

.dynamicForm {
	color: #555555;
}

/* ===================== HORIZONTAL MENU ======================== */




#horizontalmenu {
	background-repeat: repeat-x;
height: 37px;
}

#horizontalmenu ul.level0 {
	position: relative;
left: 285px;
}

#horizontalmenu ul.level0 li {
	height: 37px;
line-height: 37px;
}

#horizontalmenu ul.level1 li {
	height: 25px;
line-height: 25px;
}

#horizontalmenu ul.level1 li.level2 {
	line-height: 24px;
}

#horizontalmenu ul.level1 li.level2  ul.level2 li {
	line-height: 25px;
}


#horizontalmenu ul li.level1 a {
	color: #555555;
font-weight: normal;
font-family: Verdana;
font-size: 13px;
letter-spacing: 0px;
border-bottom: 0px solid #;
padding-left: 16px;
padding-right: 16px;
}

#horizontalmenu ul li.level2 a {
	color: #555555;
background-color: #fafafa;
font-weight: normal;
font-family: Verdana;
font-size: 12px;
letter-spacing: 0px;
width: 150px;
border-bottom: 1px solid #555555;
}

#horizontalmenu ul li.level3 a {
	color: #0175b0;
background-color: #d9eaf3;
font-weight: bold;
font-family: Verdana;
font-size: 12px;
letter-spacing: 0px;
width: 150px;
border-bottom: 0px solid #888888;
}

#horizontalmenu ul li.level1 a:hover {
	color: #FFFFFF;
background-color: #e95727;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level2 a:hover {
	color: #e95727;
background-color: #fafafa;
font-weight: bolder;
letter-spacing: 0px;
}

#horizontalmenu ul li.level3 a:hover {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level1 a.selected {
	color: #FFFFFF;
background-color: #e95727;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level2 a.selected {
	color: #e95727;
background-color: #fafafa;
font-weight: bolder;
letter-spacing: 0px;
}

#horizontalmenu ul li.level3 a.selected {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul.level1 {
	}

#horizontalmenu ul.level2 {
	background-color: #fafafa;
}

#horizontalmenu ul.level3 {
	background-color: #d9eaf3;
}

#horizontalmenu ul li.horizontalseperator {
	background-repeat: no-repeat;
width: 1px;
}

#horizontalmenu ul li.first {
	border-left: 0px none;
}

#horizontalmenuborder {
	background-repeat: repeat-x;
}

/* ===================== VERTICAL MENU ======================== */

#verticalmenu {
	font-family: Verdana;
font-size: 11px;
padding-top: 0px;
width: 220px;
/*	width		:	180px;*/
}

/* How to handle the submenu from the vertical menu */
	#verticalmenu ul li ul {
		display				:	none;
	}

#verticalmenu ul li.level1 {
	padding: 0px 0px;
	text-align	:	center;
}

#verticalmenu ul li.level2 {
	padding: 0px 0px;
}

#verticalmenu ul li.level3 {
	padding: 0px 0px;
}

#verticalmenuborder {
	background-repeat: repeat-y;
}

#verticalmenu ul li.level1 a {
	color: #FFFFFF;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
background-color: #3e7f52;
height: 35px;
line-height: 35px;
border-bottom: 4px solid #FFFFFF;
padding-left: 0px;
letter-spacing: 0px;
text-decoration: none;
}

#verticalmenu ul li.level2 a {
	color: #555555;
font-family: Verdana;
font-size: 10px;
font-weight: normal;
background-color: #e6e6dc;
height: 25px;
line-height: 25px;
border-bottom: 1px solid #FFFFFF;
padding-left: 0px;
letter-spacing: 0px;
text-decoration: none;
}

#verticalmenu ul li.level3 a {
	color: #ffffff;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
height: 30px;
line-height: 30px;
padding-left: 5px;
letter-spacing: 0px;
text-decoration: none;
}

#verticalmenu ul li.level1 a:hover {
	color: #FFFFFF;
background-color: #bed62f;
font-weight: normal;
letter-spacing: 0px;
text-decoration: none;
}

#verticalmenu ul li.level2 a:hover {
	color: #FFFFFF;
background-color: #bed62f;
font-weight: normal;
letter-spacing: 0px;
text-decoration: none;
}

#verticalmenu ul li.level3 a:hover {
	color: #ffffff;
background-color: #0175b0;
font-weight: normal;
letter-spacing: 0px;
text-decoration: none;
}

#verticalmenu ul li.level1 a.selected {
	color: #ffffff;
background-color: #e95727;
font-weight: bolder;
letter-spacing: 0px;
text-decoration: none;
}

#verticalmenu ul li.level2 a.selected {
	color: #FFFFFF;
background-color: #bed62f;
font-weight: bolder;
letter-spacing: 0px;
text-decoration: none;
}

#verticalmenu ul li.level3 a.selected {
	color: #FFFFFF;
background-color: #555555;
font-weight: normal;
letter-spacing: 0px;
text-decoration: none;
}

#verticalmenucontent
{
	padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

/* ===================== FOOTER ======================== */

#bottommenu ul li.horizontalseperator {
	background-repeat: no-repeat;
width: 1px;
}


#footercontainer {
	clear				: 	both;
	z-index				:	1;
	margin				:	0px auto;
	width				:	974px;
}


#footer {
	font-family: Verdana;
font-size: 10px;
color: #555555;
background-image: url("/dynamic/media/4/images/Website%20onderdelen/footer-ei-974x154.jpg");
background-repeat: no-repeat;
	float				:	left;
	width				:	974px;
}



#footer a {
	color: #3e7f52;
text-decoration: none;
}

#footer a:hover {
	color: #bed62f;
}

#leftFooter {
	text-align: left;
margin-left: 15px;
margin-right: 15px;
width: 350px;
}

#rightFooter {
	text-align: right;
margin-left: 10px;
margin-right: 10px;
width: 350px;
}




/* =============================== PRODUCTS ================================= */

.catalog_blockproduct .block_hover,
.catalog_listproduct .block_hover
{
	cursor	:	default !important;
}

.catalog_blockproduct .blockdata .block_hover .productBlock {
	border: 1px solid #C9C9C9;
background-color: #f0f0f0;
padding: 5px;
margin: 5px;
color: #444444;
}

.catalog_blockcategory .blockdata .block_hover .catBlock {
	border: 1px solid #;
padding: 5px;
margin: 5px;
}

.catalog_blockproduct .blockdata  .block_hover .listproduct_imagecolumn img,
.catalog_listproduct .data .listproduct_imagecolumn img {
	border: 1px solid # !important;
}

.catalog_blockcategory .blockdata .block_hover img,
.catalog_listcategory .data .listcategory_imagecolumn img
{
	border: 1px solid # !important;
}

.catalog_listcategory .data tr td div.prodcat
{
	border: 1px solid # !important;
padding: 5px;
margin: 5px;
}

.productDetails .priceInformation,
.catalog_blockproduct .blokproduct_pricebox
{
	background-image: url(/dynamic/media/4/images/Webwinkel%20onderdelen/pricetage.png);
padding: 4px;
	display	:	inline-block;
}

.catalog_blockproduct .blokproduct_title a,
.mainInformation .title
{
	color: #555555 !important;
font-size: 14px !important;
}
.mainInformation .left,
.proddetails
{
	color: #444444 !important;
font-size: 10px !important;
}

.productDetails
 {
 	background-color	:	white;
	border: 1px solid #;
}

.productDetails .mainImage
 {
	border: 1px solid #;
background-image: url();
padding: 0px;
	background-repeat	:	no-repeat;
}


.productBlock .mainImage
 {
	border: 1px solid #;
background-image: url();
padding: 0px;
	background-repeat	:	no-repeat;
}

.ui-widget-overlay
 {
 	background			:	none;
 	background-color	:	black;
	background-color: #000000 !important;
}

.ui-dialog-titlebar-close
{

	right				:	23px !important;
	top					:	26px !important;
}
.ui-icon-closethick
{
	background-image	:	url(../images/close_button.png) !important;
	background-position	:	0px 0px !important;
	width				:	24px !important;
	height				:	24px !important;
	background-image: url(/dynamic/media/4/images/Webwinkel%20onderdelen/cart%20close%2025x25.png) !important;
}

.ui-state-hover
{
	background-image	:	none	!important;
	border	:	0px none !important;
	padding	:	1px !important;
}

.producerItem {
	border: 1px solid #;
}

.producerItem .userright img
 {
	border: 1px solid #;
background-image: url();
}


.addProduct,
.smallercartimage
{
	background-image	:	url(../images/shoppingcart.gif);
	background-image: url(/dynamic/media/4/images/Webwinkel%20onderdelen/toevoegen%20basket15x15.png);
	width			:	16px;
	height			:	16px;
	display			:	block;
	text-decoration	:	none !important;
	border			:	0px none !important;
}

.smallercartimage
{
	display			:	inline-block !important;
}

.ui-widget-content
{
	background			:	none !important;
	border				:	0px none !important;
	position			:	absolute;

}
.ui-dialog .ui-dialog-content
{
	padding	:	0px !important;
}

.ui-dialog .ui-dialog-titlebar
{
	height				:	50px;
	background			: 	#d8d9d9 url(images/ui-bg_gloss-wave_75_d8d9d9_500x100.png) 50% 50% repeat-x;
	background-image	: none;
	border				: 1px solid #aaaaaa;
	border-bottom-right-radius	: 0px;
	border-bottom-left-radius	: 0px;
}

.ui-dialog .ui-dialog-titlebar button {
	border: 0px;
	background: none;
}

.ui-dialog {
	z-index: 999999;
}

.dialog-print
{
	width		:	48px;
	height		:	48px;
	display		:	block;
	position	:	absolute;
	right		:	67px;
}

.dialog-print .ui-icon-customprint
{
	width		:	61px;
	height		:	50px;
	background-image	:	url(../images/print.png);
	display		:	block;
}



/* float cart */

#floatCart
{
	background-color	:	white;
	border				:	1px solid black;
	background-color: #e6e6dc;
color: #555555 !important;
border: 1px solid #;
}

#floatCart a
{
	color: #555555 !important;
}
#floatCart #floatCartCloser
{
	background-image	:	url(../images/close_button.png);
	background-image: url(/dynamic/media/4/images/Webwinkel%20onderdelen/cart%20close%2025x25.png);
}

#floatCart .webshopCollection
{
	background-color: #fafafa;
border: 1px solid #;
}


.stepColumn .stepHeader,
#verticalmenu .stepHeader

{
	color: #FFFFFF !important;
background-image: url(/dynamic/media/4/images/Webwinkel%20onderdelen/tag%20new%20copy.png) !important;
font-size: 18px !important;
height: 27px !important;
		padding		:	10px 10px;
		text-align	:	center;
		margin-bottom	:	10px;
}

.stepColumn a.stepButtons,
.stepColumn div.stepButtons
{
	background-color: #3e7f52 !important;
color: #ffffff !important;
background-image: url() !important;
font-weight: bolder !important;
text-decoration: none !important;
}

.stepColumn a.stepButtons:hover
{
	background-color: #bed62f !important;
color: #ffffff !important;
background-image: url() !important;
}

.stepColumn a.selected,
.stepColumn div.selected
{
	background-color: #bed62f !important;
color: #ffffff !important;
background-image: url() !important;
}

.productBlock .productImageOverlay
{
	background-image: url() !important;
}

.productDetails .productImageOverlay
{
	background-image: url() !important;
}

.blocknews .blockList
{
	}

.blocknews .blockList .blocknewslistitem .extra
{
	}
.blocknews .blockList .current .extra
{
	}

.blocknews .blockList .blocknewslistitem .extra,
.blocknews .blockList .blocknewslistitem .extra h1
{
	}
.blocknews .blockList .current .extra .text,
.blocknews .blockList .current .extra h1

{
	}

.blocknews .blockItems
{
	}

.blocknews .blockItems .text h1
{
	}
.blocknews .blockItems .text
{
	}
.blocknews .blockItems .text a
{
	}
.blocknews .blockItems .text a:hover
{
	}