* {
	margin: 0;
	padding: 0;
}

/* Navigatie horizontaal en zonder bullets */

#home li, #nav-home li,
#arr li, #nav-arr li,
#ref li, #nav-ref li,
#fotos li, #nav-fotos li,
#contact li, #nav-contact li {
	list-style-type: none;
	display: inline;
}

/* Status actief */

#home #nav-home a {
	background: url(../images/buttons/home_active.gif) no-repeat;
}

#arr #nav-arr a {
	background: url(../images/buttons/arr_active.gif) no-repeat;
}

#ref #nav-ref a {
	background: url(../images/buttons/ref_active.gif) no-repeat;
}

#fotos #nav-fotos a {
	background: url(../images/buttons/fotos_active.gif) no-repeat;
}

#contact #nav-contact a {
	background: url(../images/buttons/contact_active.gif) no-repeat;
}

/* Status inactief & visited, breedte buttons + 1px, behalve bij laatste button */

#nav-home a:link, #nav-home a:visited {
	width: 60px;
	height: 25px;
	float: left;
	background: url(../images/buttons/home.gif) no-repeat;
}

#nav-arr a:link, #nav-arr a:visited {
	width: 131px;
	height: 25px;
	float: left;
	background: url(../images/buttons/arr.gif) no-repeat;
}

#nav-ref a:link, #nav-ref a:visited {
	width: 103px;
	height: 25px;
	float: left;
	background: url(../images/buttons/ref.gif) no-repeat;
}

#nav-fotos a:link, #nav-fotos a:visited {
	width: 60px;
	height: 25px;
	float: left;
	background: url(../images/buttons/fotos.gif) no-repeat;
}

#nav-contact a:link, #nav-contact a:visited {
	width: 76px;
	height: 25px;
	float: left;
	background: url(../images/buttons/contact.gif) no-repeat;
}

/* Status over */

#nav-home a:hover {
	background: url(../images/buttons/home_over.gif) no-repeat;
}

#nav-arr a:hover {
	background: url(../images/buttons/arr_over.gif) no-repeat;
}

#nav-ref a:hover {
	background: url(../images/buttons/ref_over.gif) no-repeat;
}

#nav-fotos a:hover {
	background: url(../images/buttons/fotos_over.gif) no-repeat;
}
#nav-contact a:hover  {
	background: url(../images/buttons/contact_over.gif) no-repeat;
}

/* Status hover when visited */

#nav-home a:visited a:hover {
	background: url(../images/buttons/home.gif) no-repeat;
}

#nav-arr a:visited a:hover {
	background: url(../images/buttons/arr.gif) no-repeat;
}

#nav-ref a:visited a:hover {
	background: url(../images/buttons/ref.gif) no-repeat;
}

#nav-fotos a:visited a:hover {
	background: url(../images/buttons/fotos.gif) no-repeat;
}

#nav-contact a:visited a:hover {
	background: url(../images/buttons/contact.gif) no-repeat;
}

/* Voor de dropdown menu's */

#NavigationContainer {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	margin:0px;
	width:490px;
	height:25px;
	text-align:left;
	float: left;
}

#Container_ref, #Container_contact, #Container_arr {
	font: 12px Verdana, Helvetica, Arial, sans-serif;
}

#Container_ref {
/* This ID is related to the master menu div for menu Container_ref and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:191px;
	top:25px;
	visibility:hidden;
	z-index:300;
}

#Menu_ref {
/* This class defines things about menu Menu_ref's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#00aeef;
	border:0px solid #fff;
	width:102px;
	height:40px;
}

.StyleMenu_ref {
/* This class determines the general characteristics of the menu items in menu Menu_ref */
	/*border-top:0px solid #fff;
	border-left:0px solid #fff;
	border-bottom:0px solid #000;
	border-right:0px solid #000;*/
	width:102px;
	height:20px;
	width:98px;
	height:16px;
}

#Menu_ref_Item_0 {
/* Unique ID for item 0 of menu Menu_ref so we can set its position */
	left:0px;
	top:0px;
}

#Menu_ref_Item_1 {
/* Unique ID for item 1 of menu Menu_ref so we can set its position */
	left:0px;
	top:20px;
}

#Container_ref a {
/* Controls the general apperance for menu Container_ref's items, including color and font */
	text-decoration:none;
	color:#000;
	text-align:left;
	vertical-align:middle;
	padding:2px;
	background-color:#00aeef;
	display:block;
	position:absolute;
}

#Container_ref a:hover {
/* Controls the mouse over effects for menu Container_ref */
	color:#fff;
	background-color:#005c88;
}

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

#Container_arr {
/* This ID is related to the master menu div for menu Container_ref and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:60px;
	top:25px;
	visibility:hidden;
	z-index:300;
}

#Menu_arr {
/* This class defines things about menu Menu_ref's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#00aeef;
	border:0px solid #fff;
	width:300px;
	height:160px;
}

.StyleMenu_arr {
/* This class determines the general characteristics of the menu items in menu Menu_ref */
	/*border-top:0px solid #fff;
	border-left:0px solid #fff;
	border-bottom:0px solid #000;
	border-right:0px solid #000;*/
	width:300px;
	height:20px;
	width:296px;
	height:16px;
}

#Menu_arr_Item_0 {
/* Unique ID for item 0 of menu Menu_ref so we can set its position */
	left:0px;
	top:0px;
}

#Menu_arr_Item_1 {
/* Unique ID for item 1 of menu Menu_ref so we can set its position */
	left:0px;
	top:20px;
}

#Menu_arr_Item_2 {
/* Unique ID for item 2 of menu Menu_ref so we can set its position */
	left:0px;
	top:40px;
}

#Menu_arr_Item_3 {
/* Unique ID for item 3 of menu Menu_ref so we can set its position */
	left:0px;
	top:60px;
}

#Menu_arr_Item_4 {
/* Unique ID for item 4 of menu Menu_ref so we can set its position */
	left:0px;
	top:80px;
}

#Menu_arr_Item_5 {
/* Unique ID for item 5 of menu Menu_ref so we can set its position */
	left:0px;
	top:100px;
}

#Menu_arr_Item_6 {
/* Unique ID for item 6 of menu Menu_ref so we can set its position */
	left:0px;
	top:120px;
}

#Menu_arr_Item_7 {
/* Unique ID for item 7 of menu Menu_ref so we can set its position */
	left:0px;
	top:140px;
}

#Menu_arr_Item_8 {
/* Unique ID for item 8 of menu Menu_ref so we can set its position */
	left:0px;
	top:160px;
}

#Container_arr a {
/* Controls the general apperance for menu Container_ref's items, including color and font */
	text-decoration:none;
	color:#000;
	text-align:left;
	vertical-align:middle;
	padding:2px;
	background-color:#00aeef;
	display:block;
	position:absolute;
}

#Container_arr a:hover {
/* Controls the mouse over effects for menu Container_ref */
	color:#fff;
	background-color:#005c88;
}
/*--------------*/
#Container_contact {
/* This ID is related to the master menu div for menu Container_contact and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:354px;
	top:25px;
	visibility:hidden;
	z-index:300;
}

#Menu_contact {
/* This class defines things about menu Menu_contact's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#00aeef;
	border:0px solid #fff;
	width:123px;
	height:60px;
}

.StyleMenu_contact {
/* This class determines the general characteristics of the menu items in menu Menu_contact */
	/*border-top:0px solid #fff;
	border-left:0px solid #fff;
	border-bottom:0px solid #000;
	border-right:0px solid #000;*/
	width:123px;
	height:20px;
	width:119px;
	height:16px;
}

#Menu_contact_Item_0 {
/* Unique ID for item 0 of menu Menu_contact so we can set its position */
	left:0px;
	top:0px;
}

#Menu_contact_Item_1 {
/* Unique ID for item 1 of menu Menu_contact so we can set its position */
	left:0px;
	top:20px;
}

#Menu_contact_Item_2 {
/* Unique ID for item 2 of menu Menu_contact so we can set its position */
	left:0px;
	top:40px;
}

#Container_contact a {
/* Controls the general apperance for menu Container_contact's items, including color and font */
	text-decoration:none;
	color:#000;
	text-align:left;
	vertical-align:middle;
	padding:2px;
	background-color:#00aeef;
	display:block;
	position:absolute;
}

#Container_contact a:hover {
/* Controls the mouse over effects for menu Container_contact */
	color:#fff;
	background-color:#005c88;
}