@import url("../shared/brassenboom.css");

body#brass_en_boom_in_uw_winkel div#content div.top { background-image: url(../../images/shared/wide/top-brass_and_boom_in_the_shops.jpg); }
body#what_is_new div#content div.top { background-image: url(../../images/shared/wide/top-what_is_new.jpg); }
body#contact div#content div.top { background-image: url(../../images/shared/wide/top-contact.jpg); padding-top: 178px; }
body#login div#content div.top { background-image: url(../../images/shared/wide/top-login.jpg); }

body#brass_en_boom_in_uw_winkel div#content div.bottom { background-image: url(../../images/shared/wide/bottom-brass_and_boom_in_the_shops.jpg); }
body#what_is_new div#content div.bottom { background-image: url(../../images/shared/wide/bottom-what_is_new.jpg); }
body#contact div#content div.bottom { background-image: url(../../images/shared/wide/bottom-contact.jpg); }
body#login div#content div.bottom { background-image: url(../../images/shared/wide/bottom-login.jpg); }

div#nav ul li a {
	background-image: url(../../images/nl/nav.jpg); 
}

#nav-home a { background-position: 0px 0px; width: 44px; }
#nav-over_brass_en_boom a { background-position: -44px 0px; width: 68px; }
#nav-brass_en_boom_in_uw_winkel a { background-position: -112px 0px; width: 124px; }
#nav-what_is_new a { background-position: -236px 0px; width: 81px; }
#nav-collectie a { background-position: -317px 0px; width: 70px; }
#nav-projecten a { background-position: -387px 0px; width: 73px; }
#nav-actueel a { background-position: -460px 0px; width: 61px; }
#nav-agenda a { background-position: -521px 0px; width: 58px; }
#nav-showroom a { background-position: -579px 0px; width: 73px; }
#nav-contact a { background-position: -652px 0px; width: 58px; }
#nav-login a { background-position: -713px 0px; width: 64px; margin-left: 98px; }

#nav-home a:hover, body#home #nav-home a { background-position: 0px -22px; }
#nav-over_brass_en_boom a:hover, body#over_brass_en_boom #nav-over_brass_en_boom a { background-position:  -44px -22px; }
#nav-brass_en_boom_in_uw_winkel a:hover, body#brass_en_boom_in_uw_winkel #nav-brass_en_boom_in_uw_winkel a { background-position: -112px -22px; }
#nav-what_is_new a:hover, body#what_is_new #nav-what_is_new a { background-position: -236px -22px; }
#nav-collectie a:hover, body#collectie #nav-collectie a { background-position: -317px -22px; }
#nav-projecten a:hover, body#projecten #nav-projecten a { background-position: -387px -22px; }
#nav-actueel a:hover, body#actueel #nav-actueel a { background-position: -460px -22px; }
#nav-agenda a:hover, body#agenda #nav-agenda a { background-position: -521px -22px; }
#nav-showroom a:hover, body#showroom #nav-showroom a { background-position: -579px -22px; }
#nav-contact a:hover, body#contact #nav-contact a { background-position: -652px -22px; }
#nav-login a:hover, body#login #nav-login a { background-position: -713px -22px; }

body#start div#content {
	overflow:visible;
}

body#start div#content ul {
	position:absolute;
	top:0px;
	left:-80px;
}

body#start div#header {
	background: url(../../images/shared/basic_structure/bg-header-start.jpg) no-repeat bottom center;
}

body#start div#inner {
	background: url(../../images/shared/basic_structure/bg-inner-start.gif) no-repeat center bottom;		
}

body#start div#content ul li.shop {
	background-color: #6E6E6E;
	background-image: url(../../images/shared/start/start_shop.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	margin-right:10px;
}

body#start div#content ul li.wholesale {
	background-color: #6E6E6E;
	background-image: url(../../images/shared/start/start_wholesale.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
}