/* common styling */
.menu {
font-family: Arial, Helvetica, sans-serif;  
position:relative; 
font-size:11px;
z-index:100;
}
.menu ul {
	padding:0;
	margin:0;

}
.menu ul li {
float:left;
position:relative;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul ul{
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link deze*/
.menu ul :hover ul :hover ul :hover ul{
visibility:visible;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}

.menu ul li:hover ul li:hover ul u{
visibility:visible;
}

.menu ul li a:hover ul li a:hover ul ul{
visibility:hidden;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#FFFFFF; 
width:100px; 
height:22px;  
background:#00a0ae; 
padding-left:10px; 
line-height:22px;
}


/* Dit is de breedte van het menu vakje (in FF & IE)*/
* html .menu ul li a, .menu ul li a:visited {
width:200px;
w\idth:83px;
}
.menu ul li ul {
display: none;
}

table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#FFFF00; 
background:#00A2AE;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:22px;
margin-top:0px;
left:0; 
width:100px;
}

.menu ul li lu:hover ul,
.menu ul li lu a:hover ul {
display:block; 
position:absolute; 
top:22px;
margin-top:0px;
left:0; 
width:100px;
}



* html .menu ul li a:hover ul {


}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}


.menu ul li :hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#00a0ae; 
color:#ffffff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:110px;
}


* html .menu ul li a:hover ul li a {
width:130px;
w\idth:130px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}




.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color:#ffff00; 
background:#00a0ae;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	left:130px;
	top:0;
	width:110px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}


.menu ul li:hover ul li:hover ul.left li.left,
.menu ul li a:hover ul li a:hover ul.left li.left {
left:-130px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}


.maintable {
	height: 100%; /* Do not alter this line! */
	width: 100%;
	text-align:center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.content_table {
	height: 415px; /* Do not alter this line! */
	width: 593px;
	margin: 0px;
	padding: 0px;
}
.menu_td {
	height: 18px; /* Do not alter this line! */
	width: 593px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.content_td {
	height: 384px; /* Do not alter this line! */
	width: 593px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/boog-en-eend2.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.bg_picture_down {
	background-image: url(../images/drop.gif);
	background-repeat: no-repeat;
	background-position: 60px center;
}
.bg_picture_right {
	background-image: url(../images/drop2.gif);
	background-repeat: no-repeat;
	background-position: 100px center;
}