/**
 *  Theme styling: afhankelijk van het geselecteerde theme worden bepaalde elementen gestyled
 */

body, html{
	background-color:@template-footer-background;
}

#submenuBar{
	background-color:@template-submenu-background;
	color:@template-submenu-textcolor;

	a{
		color:@template-submenu-textcolor;
	}
}
#mainMenu {
	li.menu-item.active,
	li.menu-item:hover,{
		a.menu-item-link{
			background-color:@template-submenu-background;
			color:@template-actief_menuitem;
		}
	}
	li.menu-item{
		a.menu-item-link:focus{
			background-color:@template-submenu-background;
			color:@template-actief_menuitem;
		}
	}
}

.page-body{
	h1, h2{
		color:@default-header-color;
	}
	h1, h2{
		a{
			color:@template-header-color;
			&:hover, &:focus{
				color:@template-header-hover;
			}
		}
	}
	a,
	.overzicht-compact .overzicht-item a.overzicht-item-naam{
		color:@template-link-color;

		&:hover, &:focus{
			color:@template-link-hover;
		}
	}
}

.product-details{
	.product-detail-block{
		&.product-eigenschappen{
			.product-eigenschap{
				.label{
					color:@template-header-color;
				}
				a.label{
					color:@template-header-color;
					&:hover{
						color:@template-header-hover;
					}
				}
			}
		}
	}
}


// Mobile
.mobile-contact-area {
	background-color: @template-header-color;
}

@template-header-color
@template-header-hover
@template-link
@template-link-hover