.topmenul1, .topmenul2 {
	list-style: none;			/* Default styles for all menu's */
	margin: 0px;
	padding: 0px 0px;
	border: none;
}

.topmenul1 a {
	list-style: none;
	text-decoration: none;
	border: none;
	margin: 0px 15px 0px 15px;
	color: #ffffff;
	
}

.topmenul1 li {
	/*background-color: none;*/
	padding: 0px 0px;
	float: left;				/* First level menu's needs to float left */
	position: relative;			/* Relative positiong because lower level menu's needs to be absolute */
	border-left: solid #ffffff 1px;
	height: 18px;
}

/* First level colors for link tags */
.topmenul1 a {
	padding: 0px; 		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
	 
	/*border: 0px solid none; 		/* Same as BG color so total width is always the same */
}

.topmenul1 a:hover {
	/*background-color:none;		/* On hover for a alements, */
/*	border: 0px solid black;*/
	color: #7c0a27;
}


/* Start second level and lower menu's */
.topmenul1 .topmenul2 {
	display: none;				
	position: absolute;			/* We position absolute (relative to l1) */
	width: 200px;				/* Default width for sub-menu's */
	border: 0px solid #000000;		/* Border around the sub-menu's */
	z-index: 100;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left: 0px;				/* Left to 0 and for IE we move one extra pixel down */	
/*	top: 30px !important; */
	top: 40px;
}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
	left: 200px;				/* Move away from second level menu for second level and lower */
	top: -1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/

}

.topmenul1 .topmenul2 li {
	padding: 2px 0px;
	border-left: none;  			/* Controls the height per menu item on second level and lower */
	border-bottom: 1px solid #000000;	/* little color seperator */
	background-color: none;
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-indent: 5px;

}

.topmenul1 .topmenul2 a {
	border: none;				/* no border, remove the style from level1 a tags */
	display: block;				/* Display block, so teh whole menu will lite up (if bg used)*/
	padding: 5px 0px 5px 0px;
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 100%;
}

.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */
	background-color: none;
	color: #7c0a27;
	border: none;				/* no border, remove the style from level1 a tags */
}

@charset "UTF-8";
/* CSS Document */