.navbar {
	width: 180px;
	margin: 3px 0 0 0;
}

.navbar ul li {
	border-bottom: 1px solid #afb9c8;
}

.navbar ul li a {
	display: block;
	width: 162px;
	padding: 2px 5px 2px 7px;
	color: #000;
	text-decoration: none;
}

.navbar ul li#menu_home a:link,
.navbar ul li#menu_home a:visited {
	border-left: 6px solid #3b6cad;
}

.navbar ul li#menu_contact a:link,
.navbar ul li#menu_contact a:visited {
	border-left: 6px solid #00a0ea;
}

.navbar ul li#menu_klassieke_fotografie a:link,
.navbar ul li#menu_klassieke_fotografie a:visited {
	border-left: 6px solid #009d9c;
}

.navbar ul li#menu_digitale_fotografie a:link,
.navbar ul li#menu_digitale_fotografie a:visited {
	border-left: 6px solid #008138;
}

.navbar ul li#menu_video a:link,
.navbar ul li#menu_video a:visited {
	border-left: 6px solid #97c631;
}

.navbar ul li#menu_diversen a:link,
.navbar ul li#menu_diversen a:visited {
	border-left: 6px solid #ffa91c;
}

.navbar ul li#menu_catalogus a:link,
.navbar ul li#menu_catalogus a:visited {
	border-left: 6px solid #f56b1f;
}

.navbar ul li#menu_fotoservice a:link,
.navbar ul li#menu_fotoservice a:visited {
	border-left: 6px solid #eb001e;
}

.navbar ul li#menu_nieuwsbrief a:link,
.navbar ul li#menu_nieuwsbrief a:visited {
	border-left: 6px solid #ca2dfe;
}

.navbar ul li#menu_agenda a:link,
.navbar ul li#menu_agenda a:visited {
	border-left: 6px solid #632dad;
}

.navbar ul li#menu_acties a:link,
.navbar ul li#menu_acties a:visited {
	border-left: 6px solid #2134b0;
}

.navbar ul li#menu_prijslijsten a:link,
.navbar ul li#menu_prijslijsten a:visited {
	border-left: 6px solid #bf1406;
}

/* ----------------- */

.navbar ul li a:focus,
.navbar ul li a:hover,
.navbar ul li a:active,
.navbar ul li a.hot {
	color: #FFF;
	font-weight: bold;
}

.navbar ul li#menu_home a:focus,
.navbar ul li#menu_home a:hover,
.navbar ul li#menu_home a:active,
.navbar ul li#menu_home a.hot {
	border-left: 6px solid #3b6cad;
	background-color: #3b6cad;
}

.navbar ul li#menu_contact a:focus,
.navbar ul li#menu_contact a:hover,
.navbar ul li#menu_contact a:active,
.navbar ul li#menu_contact a.hot {
	border-left: 6px solid #00a0ea;
	background-color: #00a0ea;
}

.navbar ul li#menu_klassieke_fotografie a:focus,
.navbar ul li#menu_klassieke_fotografie a:hover,
.navbar ul li#menu_klassieke_fotografie a:active,
.navbar ul li#menu_klassieke_fotografie a.hot {
	border-left: 6px solid #009d9c;
	background-color: #009d9c;
}

.navbar ul li#menu_digitale_fotografie a:focus,
.navbar ul li#menu_digitale_fotografie a:hover,
.navbar ul li#menu_digitale_fotografie a:active,
.navbar ul li#menu_digitale_fotografie a.hot {
	border-left: 6px solid #008138;
	background-color: #008138;
}

.navbar ul li#menu_video a:focus,
.navbar ul li#menu_video a:hover,
.navbar ul li#menu_video a:active,
.navbar ul li#menu_video a.hot {
	border-left: 6px solid #97c631;
	background-color: #97c631;
}

.navbar ul li#menu_diversen a:focus,
.navbar ul li#menu_diversen a:hover,
.navbar ul li#menu_diversen a:active,
.navbar ul li#menu_diversen a.hot {
	border-left: 6px solid #ffa91c;
	background-color: #ffa91c;
}

.navbar ul li#menu_catalogus a:focus,
.navbar ul li#menu_catalogus a:hover,
.navbar ul li#menu_catalogus a:active,
.navbar ul li#menu_catalogus a.hot {
	border-left: 6px solid #f56b1f;
	background-color: #f56b1f;
}

.navbar ul li#menu_fotoservice a:focus,
.navbar ul li#menu_fotoservice a:hover,
.navbar ul li#menu_fotoservice a:active,
.navbar ul li#menu_fotoservice a.hot {
	border-left: 6px solid #eb001e;
	background-color: #eb001e;
}

.navbar ul li#menu_nieuwsbrief a:focus,
.navbar ul li#menu_nieuwsbrief a:hover,
.navbar ul li#menu_nieuwsbrief a:active,
.navbar ul li#menu_nieuwsbrief a.hot {
	border-left: 6px solid #ca2dfe;
	background-color: #ca2dfe;
}

.navbar ul li#menu_agenda a:focus,
.navbar ul li#menu_agenda a:hover,
.navbar ul li#menu_agenda a:active,
.navbar ul li#menu_agenda a.hot {
	border-left: 6px solid #632dad;
	background-color: #632dad;
}

.navbar ul li#menu_acties a:focus,
.navbar ul li#menu_acties a:hover,
.navbar ul li#menu_acties a:active,
.navbar ul li#menu_acties a.hot {
	border-left: 6px solid #2134b0;
	background-color: #2134b0;
}

.navbar ul li#menu_prijslijsten a:focus,
.navbar ul li#menu_prijslijsten a:hover,
.navbar ul li#menu_prijslijsten a:active,
.navbar ul li#menu_prijslijsten a.hot {
	border-left: 6px solid #bf1406;
	background-color: #bf1406;
}

/* ----------------- */

.navbar ul.menu2 li {
	/*border-bottom: 1px solid #afb9c8;*/
}

.navbar ul li ul.menu2 li a {
	display: block;
	width: 155px; 
	padding: 2px 5px 2px 7px;
	text-decoration: none;
	font-weight: normal;
	color: #000;
}

.navbar ul li#menu_home ul.menu2 li a:link,
.navbar ul li#menu_home ul.menu2 li a:visited {
	background-color: #3b6cad;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_contact ul.menu2 li a:link,
.navbar ul li#menu_contact ul.menu2 li a:visited {
	background-color: #99dbf8;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_klassieke_fotografie ul.menu2 li a:link,
.navbar ul li#menu_klassieke_fotografie ul.menu2 li a:visited {
	background-color: #96d5d3;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_digitale_fotografie ul.menu2 li a:link,
.navbar ul li#menu_digitale_fotografie ul.menu2 li a:visited {
	background-color: #c0d6b8;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_video ul.menu2 li a:link,
.navbar ul li#menu_video ul.menu2 li a:visited {
	background-color: #e0eec1;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_diversen ul.menu2 li a:link,
.navbar ul li#menu_diversen ul.menu2 li a:visited {
	background-color: #ffe6bb;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_catalogus ul.menu2 li a:link,
.navbar ul li#menu_catalogus ul.menu2 li a:visited {
	background-color: #ffdd97;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_fotoservice ul.menu2 li a:link,
.navbar ul li#menu_fotoservice ul.menu2 li a:visited {
	background-color: #f9b2bb;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_nieuwsbrief ul.menu2 li a:link,
.navbar ul li#menu_nieuwsbrief ul.menu2 li a:visited {
	background-color: #efc0ff;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_agenda ul.menu2 li a:link,
.navbar ul li#menu_agenda ul.menu2 li a:visited {
	background-color: #632dad;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_acties ul.menu2 li a:link,
.navbar ul li#menu_acties ul.menu2 li a:visited {
	background-color: #2134b0;
	border-left: 13px solid #d4e1f1;
}

.navbar ul li#menu_prijslijsten ul.menu2 li a:link,
.navbar ul li#menu_prijslijsten ul.menu2 li a:visited {
	background-color: #bf1406;
	border-left: 13px solid #d4e1f1;
}

/* ----------------- */

.navbar ul li#menu_home ul.menu2 li a:focus,
.navbar ul li#menu_home ul.menu2 li a:hover,
.navbar ul li#menu_home ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow1.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_contact ul.menu2 li a:focus,
.navbar ul li#menu_contact ul.menu2 li a:hover,
.navbar ul li#menu_contact ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow2.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_klassieke_fotografie ul.menu2 li a:focus,
.navbar ul li#menu_klassieke_fotografie ul.menu2 li a:hover,
.navbar ul li#menu_klassieke_fotografie ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow3.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_digitale_fotografie ul.menu2 li a:focus,
.navbar ul li#menu_digitale_fotografie ul.menu2 li a:hover,
.navbar ul li#menu_digitale_fotografie ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow4.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_video ul.menu2 li a:focus,
.navbar ul li#menu_video ul.menu2 li a:hover,
.navbar ul li#menu_video ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow5.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_diversen ul.menu2 li a:focus,
.navbar ul li#menu_diversen ul.menu2 li a:hover,
.navbar ul li#menu_diversen ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow6.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_catalogus ul.menu2 li a:focus,
.navbar ul li#menu_catalogus ul.menu2 li a:hover,
.navbar ul li#menu_catalogus ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow7.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_fotoservice ul.menu2 li a:focus,
.navbar ul li#menu_fotoservice ul.menu2 li a:hover,
.navbar ul li#menu_fotoservice ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow8.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_nieuwsbrief ul.menu2 li a:focus,
.navbar ul li#menu_nieuwsbrief ul.menu2 li a:hover,
.navbar ul li#menu_nieuwsbrief ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow9.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_agenda ul.menu2 li a:focus,
.navbar ul li#menu_agenda ul.menu2 li a:hover,
.navbar ul li#menu_agenda ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow10.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_acties ul.menu2 li a:focus,
.navbar ul li#menu_acties ul.menu2 li a:hover,
.navbar ul li#menu_acties ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow11.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.navbar ul li#menu_prijslijsten ul.menu2 li a:focus,
.navbar ul li#menu_prijslijsten ul.menu2 li a:hover,
.navbar ul li#menu_prijslijsten ul.menu2 li a:active {
	border: none;
	background-image: url(../images/menu/arrow12.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

/* ----------------- */

.navbar ul li#menu_home ul.menu2 li a.hot,
.navbar ul li#menu_contact ul.menu2 li a.hot,
.navbar ul li#menu_klassieke_fotografie ul.menu2 li a.hot,
.navbar ul li#menu_digitale_fotografie ul.menu2 li a.hot,
.navbar ul li#menu_video ul.menu2 li a.hot,
.navbar ul li#menu_diversen ul.menu2 li a.hot,
.navbar ul li#menu_catalogus ul.menu2 li a.hot,
.navbar ul li#menu_fotoservice ul.menu2 li a.hot,
.navbar ul li#menu_nieuwsbrief ul.menu2 li a.hot,
.navbar ul li#menu_agenda ul.menu2 li a.hot,
.navbar ul li#menu_acties ul.menu2 li a.hot,
.navbar ul li#menu_prijslijsten ul.menu2 li a.hot {
	border: none;
	background-image: none;
	background-color: #FFF;
	border-left: 13px solid #d4e1f1;
	padding-left: 7px;
}