/* deze css bepaald de layout van de navigatie balken van de site*/


/* zet de achtergrond kleur van de hele website*/
body								{background:#FBFBFB;
								}


/*ZET DE PADDING  LISTSTYLE EN DE BREEDTE VOOR DE HORIZONTALE MENU BALK */
#Horizontalnavbar 				{margin: 0;
									padding: 0px 0px 0px 0px;
									list-style: none; 
									width: 674px;
								}

/* ZET DE VERTICALE STREEPJE TUSSEN DE MENU KEUZES AAN DE RECHTERKANT VAN HET MENU-ITEM*/
#Horizontalnavbar li				{border-style: none solid none none;
									border-width:1px; 
									border-color: black; 
									text-align:center;
									width: 83px;
									float:left;
								}

/* ZET OOK HET LINKER VERTICALE STREEPJE (VOLGORDE VAN DEZE EN VOORGAANDE IS BELANGRIJK*/
#Horizontalnavbar li#eerste		{border-style: none solid none solid;
									border-width:1px; 
									border-color: black; 
									text-align:center;
									width: 83px; 
									float:left;
								}

/* VOOR DE HREF ALS HOVER; ZET TEKST KLEUR OP WIT  ACHTERGRONDKLEUR OP ORANJE EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li#huidig		{ color:white; 
									text-decoration:none; 
									background-color: #FF4500;
								}

#Horizontalnavbar li#eerstehuidig	{ border-style: none solid none solid;
									border-width:1px; 
									border-color: white; 
									text-align:center;
									width: 83px; 
									float:left;
									background-color: #FF4500;
								}

								/* VOOR DE HREF ALS LINK; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li a:link 	 	{ color:black;
									text-decoration:none;
									width: 83px; 
									Display: block;
								}

/* VOOR DE HREF ALS VISITED; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li a:visited 	{ color:black; 
									text-decoration:none; 
									width: 83px;
									Display: block;								
								}

/* VOOR DE HREF ALSACTIVE; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li a:active 		{ color:black; 
									text-decoration:none; 
									width: 83px; 
									Display: block;
								}

/* VOOR DE HREF ALS HOVER; ZET TEKST KLEUR OP WIT  ACHTERGRONDKLEUR OP ORANJE EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li a:hover 		{ color:#FFFFFF; 
									text-decoration:none; 
									background-color:#FF6347;
									width: 83px;
									Display: block;
								}

/*ZET DE BREEDTE VAN HET PRINTER MENU -ITEM*/								
#Horizontalnavbar li#printer	 	{border-style: none solid none none;
									border-width:1px; 
									border-color: black; 
									text-align:center;
									width: 40px; 
									float:left;
								}
/* VOOR DE HREF ALS LINK; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li#printer a:link { color:black;
									text-decoration:none;
									width: 40px; 
									Display: block;
								}

								/* VOOR DE HREF ALS VISITED; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li#printer a:visited	{ color:black; 
									text-decoration:none; 
									width: 40px;
									Display: block;								
								}

/* VOOR DE HREF ALSACTIVE; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li#printer a:active{ color:black; 
									text-decoration:none; 
									width: 40px; 
									Display: block;
								}

								
#Horizontalnavbar li#printerhuidig {border-style: none solid none none;
									border-width:1px; 
									border-color: black; 
									text-align:center;
									width: 40px; 
									float:left;
									background-color:#FFbf00;
								}

/* VOOR DE HREF ALS LINK; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li#printerhuidig a:link { color:black;
									text-decoration:none;
									width: 40px; 
									Display: block;
								}

								/* VOOR DE HREF ALS VISITED; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li#printerhuidig a:visited	{ color:black; 
									text-decoration:none; 
									width: 40px;
									Display: block;								
								}

/* VOOR DE HREF ALSACTIVE; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li#printerhuidig a:active{ color:black; 
									text-decoration:none; 
									width: 40px; 
									Display: block;
								}

/* VOOR DE HREF ALS HOVER; ZET TEKST KLEUR OP WIT  ACHTERGRONDKLEUR OP ORANJE EN EEN BLOCK VOOR HET SELECTEREN*/
#Horizontalnavbar li#printerhuidig a:hover	{ color:#FFFFFF; 
									text-decoration:none; 
									background-color:#ffa500;
									width: 40px; 
									Display: block;
								}



								
/* ZET DE MARGES VOOR DE HELE VERTICALE MENU BALK*/
#Verticalnavbar  				{margin: 0px; 
								padding: 0px 0px 0px 0px;
								list-style: none
								}

/* ZET DE MARGES VOOR DE  VERTICALE MENU "VMENU"*/
#Verticalnavbar #vmenu 			{margin: 0; 
								padding: 0 ;
								list-style: none
								}
								
/* VOOR DE HREF ALS HOVER; ZET TEKST KLEUR OP WIT  ACHTERGRONDKLEUR OP ORANJE EN EEN BLOCK VOOR HET SELECTEREN*/
#Verticalnavbar li#huidig		{ color:white; 
									text-decoration:none; 
									background-color: #FF4500;
								}

/* ZET ZWARTE HORIZONTALE STEEPJES BOVEN DE MENUKEUZES*/
#Verticalnavbar #vmenu li 			{border-style: solid none none none; 
								border-width:1px; 
								border-color:black;
								}

/* GEEFT EEN PIJL VOOR DE MENUKEUZE*/
#Verticalnavbar #vmenu li  a		{background: url(../images/arrow1.gif) no-repeat left center;
								}

/* VOOR DE HREF ALS LINK; ZET TEKST KLEUR OP ZWART EN EEN BLOCK*/
/* PADDING EN WITH WORDEN INGESTELD I.V.M. DE AANWIJSPIJL EN DE BREEDTE VAN DE MENUBALKVOOR HET SELECTEREN*/
#Verticalnavbar #vmenu li a:link 	{ color:black;	
								text-decoration:none; 
								padding-left: 4px; 
								width:120px;
								Display: block;
								}

/* VOOR DE HREF ALS VISITED; ZET TEKST KLEUR OP ZWART EN EEN BLOCK*/
/* PADDING EN WITH WORDEN INGESTELD I.V.M. DE AANWIJSPIJL EN DE BREEDTE VAN DE MENUBALKVOOR HET SELECTEREN*/
#Verticalnavbar #vmenu li a:visited { color:black; 
								text-decoration:none; 
								padding-left: 4px; 
								width:120px;
								Display: block;
								}

/* VOOR DE HREF ALS ACTIVE; ZET TEKST KLEUR OP ZWART EN EEN BLOCK*/
/* PADDING EN WITH WORDEN INGESTELD I.V.M. DE AANWIJSPIJL EN DE BREEDTE VAN DE MENUBALKVOOR HET SELECTEREN*/
#Verticalnavbar #vmenu li a:active 	{ color:black; 
								text-decoration:none; 
								padding-left: 4px; 
								width:120px;
								Display: block;
								}

/* VOOR DE HREF ALS HOVER; ZET TEKST KLEUR OP WIT EN EEN BLOCK*/
#Verticalnavbar #vmenu li a:hover 	{ color:#FFFFFF; 
								text-decoration:none; 
								background-color:#FF6347;
								Display: block;
								}

/*ZET DE MARGE EN PADING VOOR DEE EMAIL AFBEELDING */
#Verticalnavbar #email 			{margin: 0; 
								padding: 0 ;
								list-style: none
								}

/* VOOR DE HREF ALS HOVER; ZET TEKST KLEUR OP WIT EN EEN BLOCK VOOR DE EMAIL AFBEELDING*/
#Verticalnavbar #email a:hover 	{ color:#FFFFFF; 
								text-decoration:none; 
								background-color:#FF6347;
								Display: block;
								}


/*ZET DE PADDING  LISTSTYLE EN DE BREEDTE VOOR DE HORIZONTALE MENU BALK */
#Fotonavbar 				{margin: 0;
									padding: 4px 0px 4px 0px;
									list-style: none; 
									width: 600px;
								}


/* ZET OOK HET LINKER VERTICALE STREEPJE (VOLGORDE VAN DEZE EN VOORGAANDE IS BELANGRIJK*/
#Fotonavbar li#vorige		{border-style: none solid none solid;
									border-width:1px; 
									border-color: black; 
									text-align:center;
									width: 100px; 
									float:left;
								}

/* ZET DE VERTICALE STREEPJE TUSSEN DE MENU KEUZES AAN DE RECHTERKANT VAN HET MENU-ITEM*/
#Fotonavbar li#titel				{border-style: none none none none;
									border-width:1px; 
									border-color: black; 
									text-align:center;
									width: 395px; 
									float:left;
								}

								/* ZET DE VERTICALE STREEPJE TUSSEN DE MENU KEUZES AAN DE RECHTERKANT VAN HET MENU-ITEM*/
#Fotonavbar li#volgende				{border-style: none solid none solid;
									border-width:1px; 
									border-color: black; 
									text-align:center;
									width: 100px; 
									float:left;
								}


								/* VOOR DE HREF ALS LINK; ZET TEKST KLEUR OP ZWART EN EEN BLOCK VOOR HET SELECTEREN*/
#Fotonavbar li a:link 	 	{ color:black;
									text-decoration:none;
									width: 100px; 
									Display: block;
								}


/* VOOR DE HREF ALS HOVER; ZET TEKST KLEUR OP WIT  ACHTERGRONDKLEUR OP ORANJE EN EEN BLOCK VOOR HET SELECTEREN*/
#Fotonavbar li a:hover 		{ color:#FFFFFF; 
									text-decoration:none; 
									background-color:#ffa500;
									width: 100px; 
									Display: block;
								}
