/* topbar */

div#topbar {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100px;
	background: url(img/scratch-toprand.gif) repeat-x 0 -10px;
}

div#topbar ul {
	display: block;
	width: 1024px;
	margin: 0 auto;
	padding: 10px 0;
}

div#topbar ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 5px;
	
	font-size: 15px;
	font-family: "Gill Sans";
	color: #10499e;
}

div#topbar ul li a {
	text-decoration: none;
	color: #10499e;
}
div#topbar ul li a:hover {
	color: #f90;
}


div#topbar ul li a.logo {
	float: left;
	margin: 0 20px;
	width: 200px;
	height: 55px;
	background: url(img/logo.png) no-repeat 0 0;
	text-indent: -10000px;
}

div#topbar ul li div.logos-cert {
	margin: 0 0 0 50px;
	width: 200px;
	height: 55px;
	background: url(img/logos-cert2.gif) no-repeat;
}









/* knoppen */

div#knoppen {
	display: block;
	position: absolute;
	z-index: 1000;
	width: 100%;
	margin: 70px auto;
	padding: 0;

	/*border: 1px solid red;*/
}

div#knoppen ul {
	display: block;
	width: 1024px;
	margin: 0 auto;
	padding: 0;
}

div#knoppen ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	
	width: 200px;
height: 100px;
background: url(img/knoppen.png) no-repeat 20px -10px;
}

div#knoppen ul a {
	display: block;
	height: 30px;
}



div#knoppen ul li.carwrapping {
	height: 50px;
}
div#knoppen ul li.carwrapping:hover {
	background: url(img/knoppen2.png) no-repeat -18px -10px;
	height: 500px;
}
div#knoppen ul li.voertuigbelettering {
	background: url(img/knoppen.png) no-repeat -195px 0;
	height: 60px;
}
div#knoppen ul li.voertuigbelettering:hover {
	background: url(img/knoppen2.png) no-repeat -233px 0;
	height: 500px;
}
div#knoppen ul li.interieur {
	background: url(img/knoppen.png) no-repeat -405px 0;
	height: 70px;
}
div#knoppen ul li.interieur:hover {
	background: url(img/knoppen2.png) no-repeat -443px 0;
	height: 500px;
}
div#knoppen ul li.exterieur{
	background: url(img/knoppen.png) no-repeat -615px 0;
	height: 60px;
}
div#knoppen ul li.exterieur:hover {
	background: url(img/knoppen2.png) no-repeat -653px 0;
	height: 500px;
}
div#knoppen ul li.stickersenbeurs{
	background: url(img/knoppen.png) no-repeat -836px 0;
	height: 70px;
}
div#knoppen ul li.stickersenbeurs:hover {
	background: url(img/knoppen2.png) no-repeat -874px 0;
	height: 500px;
}











div#knoppen li ul{
	display: none;
}


div#knoppen ul li:hover ul {
	display: block;
	margin: 30px 0;
	padding: 15px 0;
	width: 200px;
}
div#knoppen ul li ul li {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
	text-indent: -10000px;
	
	width: 200px;
	height: 20px;
	background: none;
}

div#knoppen ul li ul li a {
	display: block;
	margin: 0;
	padding: 0;
	
	width: 200px;
	height: 20px;
	background: none;
}

div#knoppen ul li ul li.fullcolour a {
	background: url(img/subknoppen.png) no-repeat 20px 0;
}
div#knoppen ul li ul li.fullcolour a:hover {
	background: url(img/subknoppenb.png) no-repeat 20px 0;
}

div#knoppen ul li ul li.unikleur {
	background: url(img/subknoppen.png) no-repeat 20px -20px;
}
div#knoppen ul li ul li.unikleur a:hover {
	background: url(img/subknoppenb.png) no-repeat 20px -20px;
}




div#knoppen ul li ul li.tweewielers a {
	background: url(img/subknoppen.png) no-repeat 15px -426px;
}
div#knoppen ul li ul li.tweewielers a:hover {
	background: url(img/subknoppenb.png) no-repeat 15px -426px;
}
div#knoppen ul li ul li.personenautos a {
	background: url(img/subknoppen.png) no-repeat 15px -40px;
}
div#knoppen ul li ul li.personenautos a:hover {
	background: url(img/subknoppenb.png) no-repeat 15px -40px;
}
div#knoppen ul li ul li.vrachtwagens {
	background: url(img/subknoppen.png) no-repeat 15px -60px;
}
div#knoppen ul li ul li.vrachtwagens a:hover {
	background: url(img/subknoppenb.png) no-repeat 15px -60px;
}
div#knoppen ul li ul li.aanhangwagens {
	background: url(img/subknoppen.png) no-repeat 15px -80px;
}
div#knoppen ul li ul li.aanhangwagens a:hover {
	background: url(img/subknoppenb.png) no-repeat 15px -80px;
}





div#knoppen ul li ul li.etchedglassfolies a {
	background: url(img/subknoppen.png) no-repeat 5px -96px;
}
div#knoppen ul li ul li.etchedglassfolies a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -96px;
}
div#knoppen ul li ul li.fotowanden {
	background: url(img/subknoppen.png) no-repeat 5px -116px;
}
div#knoppen ul li ul li.fotowanden a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -116px;
}
div#knoppen ul li ul li.renovatiefolies {
	background: url(img/subknoppen.png) no-repeat 5px -136px;
}
div#knoppen ul li ul li.renovatiefolies a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -136px;
}
div#knoppen ul li ul li.bewegwijzering {
	background: url(img/subknoppen.png) no-repeat 5px -446px;
}
div#knoppen ul li ul li.bewegwijzering a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -446px;
}
div#knoppen ul li ul li.diversen {
	background: url(img/subknoppen.png) no-repeat 5px -468px;
}
div#knoppen ul li ul li.diversen a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -468px;
}






div#knoppen ul li ul li.reclamezuilen a {
	background: url(img/subknoppen.png) no-repeat 20px -154px;
}
div#knoppen ul li ul li.reclamezuilen a:hover {
	background: url(img/subknoppenb.png) no-repeat 20px -154px;
}

div#knoppen ul li ul li.reclameborden {
	background: url(img/subknoppen.png) no-repeat 20px -174px;
}
div#knoppen ul li ul li.reclameborden a:hover {
	background: url(img/subknoppenb.png) no-repeat 20px -174px;
}

div#knoppen ul li ul li.gevelletters {
	background: url(img/subknoppen.png) no-repeat 20px -192px;
}
div#knoppen ul li ul li.gevelletters a:hover {
	background: url(img/subknoppenb.png) no-repeat 20px -192px;
}
div#knoppen ul li ul li.gevelbanieren a {
	background: url(img/subknoppen.png) no-repeat 20px -212px;
}
div#knoppen ul li ul li.gevelbanieren a:hover {
	background: url(img/subknoppenb.png) no-repeat 20px -212px;
}

div#knoppen ul li ul li.lichtbakken {
	background: url(img/subknoppen.png) no-repeat 20px -232px;
}
div#knoppen ul li ul li.lichtbakken a:hover {
	background: url(img/subknoppenb.png) no-repeat 20px -232px;
}

div#knoppen ul li ul li.zeildoeken {
	background: url(img/subknoppen.png) no-repeat 20px -250px;
}
div#knoppen ul li ul li.zeildoeken a:hover {
	background: url(img/subknoppenb.png) no-repeat 20px -250px;
}
div#knoppen ul li ul li.vlaggen {
	background: url(img/subknoppen.png) no-repeat 20px -270px;
}
div#knoppen ul li ul li.vlaggen a:hover {
	background: url(img/subknoppenb.png) no-repeat 20px -270px;
}








div#knoppen ul li ul li.stickers a {
	background: url(img/subknoppen.png) no-repeat 5px -288px;
}
div#knoppen ul li ul li.stickers a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -288px;
}
div#knoppen ul li ul li.machinestickers {
	background: url(img/subknoppen.png) no-repeat 5px -308px;
}
div#knoppen ul li ul li.machinestickers a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -308px;
}
div#knoppen ul li ul li.floorgraphics {
	background: url(img/subknoppen.png) no-repeat 5px -328px;
}
div#knoppen ul li ul li.floorgraphics a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -328px;
}
div#knoppen ul li ul li.poster a {
	background: url(img/subknoppen.png) no-repeat 5px -348px;
}
div#knoppen ul li ul li.poster a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -348px;
}
div#knoppen ul li ul li.rollupbanners {
	background: url(img/subknoppen.png) no-repeat 5px -488px;
}
div#knoppen ul li ul li.rollupbanners a:hover {
	background: url(img/subknoppenb.png) no-repeat 5px -488px;
}








/* home image afbeeldingen standaard tonen op de homepage */

div#home-image {
	display: block;
	position: absolute;
	z-index: 500;
	width: 100%;
	margin: 257px auto;
	padding: 0;
	
	text-align: center;
}
div#home-image img {
	margin: 0;
}